摘要:
多物体同时出发运动函数实现 多属性同步运动变化实现 一、多物同时触发运动函数实现 前面两个动画示例基本理解了动画的核心:位置变化和速度变化,操作的核心就是定时器分段叠加属性值。但是动画还是基于单个元素实现,如果将前面封装的动画实现方法同时触发我可以肯定的告诉你会有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元素对象 阅读全文
摘要:
插入: insertBofore() before() insertAfter() after() appendTo() append() prependTo() prepen() 删除: remove() detach() //css <style type="text/css"> .wrappe 阅读全文
摘要:
查找兄弟元素 向下查找兄弟元素 next() nextAll() nextUntil() 向上查找兄弟元素 prev() prevAll() prevUntil() 查找所有兄弟元素 siblings() 1.1.1.next()方法用来查找下一个兄弟元素,可以传参也可以不传参。参数可以是任意jQu 阅读全文
摘要:
操作表单元素属性value的值 .val()--获取表单相关元素的val值(当jQuery对象是DOM集合时,返回的只有第一个元素的value的值,与html()方法类似); .serialize()--获取form表单所有数据,返回字符串拼接形式;.serializeArray()--获取form 阅读全文
摘要:
DOM取值与赋值 .html() .text() .size() 1.html()方法类似原生DOM的属性innerHTML,不传入参数的时候默认为取指定元素内的HTML内容,包含前后空白文本结构,以字符串类型返回;当被指定执行html()方法的jQuery对象是一组DOM集合时,获取到的内容是集合 阅读全文
摘要:
一、简单的一些介绍 1.jQuery是由普通的是由一些系列操作DOM节点的函数和一些其他的工具方法组成的js库。 2.为什么要使用jQuery库? jQuery面向用户良好的设计在使用过程中彻底解放了记忆原生操作DOM的接口。 jQuery中包含了可重用的函数,用来辅助我们简化JavaScript开 阅读全文
摘要:
一、内置类型: 空值:null 未定义:undefined 布尔值:boolean 数字:number 字符串:string 对象:object 符号:symbol(ES6新增) 1.null类型的值类型是object,因为JavaScript语言这一历史遗留问题,如果要查看null的类型不能直接使 阅读全文
摘要:
一、数字的语法 JavaScript中的数字字面量一般用十进制表示。在JavaScript中表示数字的数据类型只有一种Number,这种天使与魔鬼同体的数据类型也就只有js了。 然后还有一些奇葩的数字表示法: 一般情况下,奇葩都是成双成对的: 这种奇葩你认识它就好了,最好不要出现在你的代码里,记得这 阅读全文