02 2019 档案
摘要：JavaScript中的this指向规则 源码来袭：call、apply手写实现与应用 理解建议：如果对this指向规则不了解的话，建议先了解this指向规则，最好还能对call和apply的使用和内部原理也有所了解，不然直接研究bind还是会有些难度的。 一、bind()的使用 在单对象编程中，有
阅读全文
摘要：关于this指向可以了解我的另一篇博客：JavaScript中的this指向规则。 一、call与apply的使用 回顾call与apply的this指向： 回顾call与apply的参数使用： 二、call与apply的手写实现 思路： call手写实现： apply手写实现：
阅读全文
摘要：浏览器UI多线程及JavaScript单线程运行机制，是web前端的非常重要一个基础扩展知识，它是浏览器内核工作原理中最重要的一个部分，也是步入web前端工程师最基本的知识素养。
阅读全文
摘要：开篇一张图之队列模型 queue()如何使用？ queue()原理实现？ 基于queue()模拟实现animate() 一、使用queuer方法、理解队列原理 queue() dequeue() clearQueue() 1.创建队列$(selector).queue(queueName,funct
阅读全文
摘要：原生JavaScript运动功能系列（一）：运动功能剖析与匀速运动实现 原生JavaScript运动功能系列（二）：缓冲运动 原生JavaScript运动功能系列（三）：多物体多值运动 原生JavaScript运动功能系列（四）：多物体多值链式运动 这篇博客剖析一个问题，就是怎么实现将元素指定时间运
阅读全文
摘要：原生JavaScript运动功能系列（一）：运动功能剖析与匀速运动实现 原生JavaScript运动功能系列（二）：缓冲运动 原生JavaScript运动功能系列（三）：多物体多值运动 多物体多值链式运动 这篇博客的内容本来是安排在上一篇博客的内容里面的，但是后来考虑篇幅的问题，就单独拿出来了，所以
阅读全文
摘要：多物体同时出发运动函数实现 多属性同步运动变化实现 一、多物同时触发运动函数实现 前面两个动画示例基本理解了动画的核心：位置变化和速度变化，操作的核心就是定时器分段叠加属性值。但是动画还是基于单个元素实现，如果将前面封装的动画实现方法同时触发我可以肯定的告诉你会有bug，我们先来写一个示例看看这个b
阅读全文
摘要：匀速运动实现回顾 缓冲运动剖析 示例实现 方法提取 匀速运动实现回顾及缓冲运动剖析： 在这个系列的上一篇博客中原生JavaScript运动功能系列（一）：运动功能剖析与匀速运动实现就运动的核心功能组成，还剖析了匀速运动的实现，提取匀速运动的封装方法。这里我们回顾一下在匀速运动中存在三个核心逻辑：1.
阅读全文
摘要：在我们日常生活中运动就是必不可少的部分，走路、跑步、打篮球等。在网页交互设计上运动也是必不可少的部分，创建的网站交互设计运动模块有轮播图，下拉菜单，还有各种炫酷的游戏效果都跟运动密切相关。所以很重要，所以不废话了，先来分析一下运动这个功能的几个核心组成部分吧。 一、运动功能的核心组成部分： 位置变化
阅读全文
摘要：show()、hide()、toggle() 参数：null或(duration,easing,callblack) fadeIn()、fadeout()、fadeToggle()、fadeTo() 参数：null或(duration,[opacity],easing,callblack) slid
阅读全文
摘要：实例方法： on() one() off() trigger() hover() 一、绑定事件与jQuery事件委托 $(selector).eventType(fn); $(selector).on(event,childSelector,data,function); $(selector).o
阅读全文
摘要：这篇博客适应于入门，当然js和DOM的事件应用本身就是入门级别的知识点，这篇博客只要介绍如何绑定事件、解除事件、事件处理模型、及一些浏览器兼容性问题。
阅读全文
摘要：包裹 wrap() wrapInner() wrapAll() unwrap() clone() 数据缓存机制 data 文档处理（包裹） 1.1.wrap()--将所匹配的元素用其他元素结构化标签包裹起来（实际上就是给指定的元素添加父元素）。参数可以是HTML标记代码字符串；也可以是DOM元素对象
阅读全文
