摘要: 源地址:https://github.com/flfwzgl/move 作者给出的demo过于复杂了,我简化了一下,抽出里面的主要文件move.js 先看调用的方法 再看下源码 阅读全文
posted @ 2016-07-14 10:52 __枫伊飘渺 阅读(262) 评论(0) 推荐(0) 编辑
摘要: 调用方法 阅读全文
posted @ 2016-07-13 10:16 __枫伊飘渺 阅读(499) 评论(0) 推荐(0) 编辑
摘要: 地址:https://github.com/amfe/article/issues/17 阅读全文
posted @ 2016-07-11 10:09 __枫伊飘渺 阅读(152) 评论(0) 推荐(0) 编辑
摘要: /* popup.css 弹窗默认样式 */ body{ margin:0;} #popup-mask{ position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; backgro... 阅读全文
posted @ 2016-07-08 15:48 __枫伊飘渺 阅读(868) 评论(0) 推荐(0) 编辑
摘要: 在了解什么是预处理之前,我们先看一个小例子 可以看到我改变宽度的时候 ,写的是50%, 而初始宽度是300px,那么二者是如何转换的呢? 这就涉及到一个预处理的问题 在7860行,JQuery定义了一个叫tweeners的变量, 在7864行,使用了变量parts接收了正则匹配到的值,也就是50和% 阅读全文
posted @ 2016-05-29 11:55 __枫伊飘渺 阅读(438) 评论(0) 推荐(0) 编辑
摘要: 我们都知道,所谓的运动就是操作定时器,但是如果我同时写3个运动,比如下面这样,效果会怎样呢? 操作并不是异步去执行的,而是按照一定是顺序执行,这就涉及到一个词语,叫入队出队 在源码8497行,可以看到JQuery用的是queue方法操作队列,大致的意思类似与数组的push,pop等 在操作完成后,J 阅读全文
posted @ 2016-05-29 10:28 __枫伊飘渺 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 本文基于JQuery2.0.3版本,下载地址 http://pan.baidu.com/s/1hrH1jne 在看源码之前我们先看一些小的运动效果 但这些方法的底层,其实调用的是animate,我们看看animate的使用方法 不过,在JQuery源码内部,这种写法其实被转成了这样 在JQuery源 阅读全文
posted @ 2016-05-28 15:27 __枫伊飘渺 阅读(7207) 评论(0) 推荐(0) 编辑
摘要: 看下ES6数组的一些新特性, 把类数组转换为真正的数组 同样的方法也可以转字符串 数组的实例方法arr.find() 实例方法arr.findIndex() arr.fill(); for of 方法 var arr = [1,2,3,4,5]; for(var key of arr.keys() 阅读全文
posted @ 2016-05-25 12:22 __枫伊飘渺 阅读(151) 评论(0) 推荐(0) 编辑
摘要: ES6非常好用,但是不兼容edge以下的浏览器 先看下let声明变量的特点 再看下let在实际应用中的好处, 比如在定时器中 原因就不说了,很基础的东西,如果我想显示0-9 ,只要把var换成let即可 跟变量对应的还有常量 , 在ES6中定义常量用const , 常量无法更改 , 但是如果常量的值 阅读全文
posted @ 2016-05-20 16:28 __枫伊飘渺 阅读(185) 评论(0) 推荐(0) 编辑
摘要: highcharts demo 阅读全文
posted @ 2016-05-19 11:45 __枫伊飘渺 阅读(436) 评论(0) 推荐(0) 编辑