JavaScipt30(第二个案例)

【JavaScipt30(第二个案例)】的更多相关文章

JavaScipt30(第二个案例)

承接上篇https://www.cnblogs.com/wangxi01/p/10641115.html,这是第二个案例附上项目链接: https://github.com/wesbos/JavaScript30 这是要实现一个钟表的效果.下面是他的源码,我进行了一些注释.最开始我自己写的时候被一个东西卡住了,我知道钟表的旋转用rotate来实现,但是旋转的中心点不在钟表的中心, 我有点束手无策,大概猜到会有调整中心点的属性,不过没去查看,直接查看了源码. .hand { width: 50%…

JavaScipt30(第二十二个案例)（主要知识点：getBoundingClientRect）

这是第二十二个案例,这个例子实现的是鼠标移入a标签时,将其高亮. 附上项目链接: https://github.com/wesbos/JavaScript30 以下为注释后的源码: <script> const triggers = document.querySelectorAll('a'); const highlight = document.createElement('span'); highlight.classList.add('highlight'); document.bod…

JavaScipt30(第十个案例)（主要知识点：选中一个数组中间相连部分进行操作的一种思路）

承接上文,第九个案例就不说了,是控制台的一些东西,一般用的很少,了解下就行了,想用的时候再翻api.这是第10个案例: 需要实现的效果是:点击一个checkbox,然后按下shift点击另一个checkbox,将两个checkbox之间的checkbox全部选中. 附上项目链接: https://github.com/wesbos/JavaScript30 源码如下,我将觉得应该记录的点做了备注: /* 这个一般用的不多的人很难想到直接样式实现 */ /* checkbox选中时用相邻兄弟选择…

JavaScipt30(第一个案例)（主要知识点：键盘事件以及transitionend）

今天得到一个github练习项目,是30个原生js写成的小例子,麻雀虽小五脏俱全,现在记录一下第一个. 第一个是键盘按键时页面上对应的键高亮,同时播放音频,松开后不再高亮. 我自己实现了一下,然后查看了他的代码,发现比我精妙许多,下面是他的代码,我把一些我原来自己写代码时不熟悉的进行了注释. 附上项目链接: https://github.com/wesbos/JavaScript30 function removeTransition(e) { // 动画结束会重绘一下,这个是找到执行了tran…

学习ExtjsFor.NET(第二个案例-Array的Every方法)

Ext.Array.every(Array array,Function fn,Object scope)是一个遍历的方法. array是数组,fn是方法,scope是作用域.every返回true和false,第一次返回false时,程序跳出.构建代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Con…

Spring第二次案例和AOP

Spring加上AOP com.mapper.entity.UserInfo package com.Spring.entity; public class UserInfo { private Integer user_id; private String user_name; public Integer getUser_id() { return user_id; } public void setUser_id(Integer user_id) { this.user_id = user…