悬剑

摘要： 操作DOM DOM是什么 DOM：是树状的html document：是DOM的根节点 HTML文档被浏览器解析后就是一棵DOM树，要改变HTML的结构，可以通过JavaScript来操作DOM。 始终记住DOM是一个树形结构。 对DOM操作 操作一个DOM节点实际上就是这么几个操作： 更新：更新该DOM节点的内容，相当于更新了该DO... 阅读全文

摘要： 操作表单6 用JavaScript操作表单和操作DOM是类似的，因为表单本身也是DOM树 不过表单的输入框、下拉框等可以接收用户输入，所以用JavaScript来操作表单，可以获得用户输入的内容，或者对一个输入框设置新的内容。 HTML表单的输入控件主要有以下几种： 文本框，对应的，用于输入文本； 口令框，对应的，用于输入口令； 单选框，对应的，用于选择一项； 复选框，对应的，用于... 阅读全文

摘要： 扩展 编写jQuery插件 新方法是通过扩展$.fn对象实现的 $.fn对象绑定变量 $.fn.highlight1 = function () { // this已绑定为当前jQuery对象: this.css('backgroundColor', '#fffceb').css('color', '#d85030'); return this; }... 阅读全文

摘要： 自定义动画 animate()它可以实现任意动画效果，参数：是DOM元素最终的CSS状态和时间，jQuery在时间段内不断调整CSS直到达到我们设定的值 var div = $('#test-animate'); div.animate({ opacity: 0.25, width: '256px', height: '256px' }, 3000); // 在3秒钟内C... 阅读全文

摘要： underscore js第三方库 jQuery统一了不同浏览器之间的DOM操作的差异，让我们可以简单地对DOM进行操作 underscore则提供了一套完善的函数式编程的接口，让我们更方便地在JavaScript中实现函数式编程 为什么叫underscore jQuery在加载时，会把自身绑定到唯一的全局变量$上 underscore与其类似，会把自身绑定到唯一的全局变量... 阅读全文

摘要： promise 在JavaScript的世界中，所有代码都是单线程执行的。 由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现 Promise对象一定会执行函数（承诺）然后，根据结果是成功还是失败，在将来的某个时候调用then函数或catch函数 例子： new Promise(test).then(functio... 阅读全文

摘要： 为什么:获取元素的位置 client：可视区域的宽度 clientTop：盒子的上boder clientLeft：盒子的左border clientWidth = width +左右 padding clientHeight = height + 上下padding offset offsetWidth 左右border+左右padding+width offsetHeigh... 阅读全文

摘要： generator 函数在执行过程中，如果没有遇到return语句（函数末尾如果没有return，就是隐含的return undefined;），控制权无法交回被调用的代码。 generator和函数不同的是，generator由function*定义（注意多出的*号），并且，除了return语句，还可以用yield返回多次 function* foo(x) { y... 阅读全文

摘要： 箭头函数 为什么： 让this始终指向包含它的对象 是什么： 箭头左边是参数，右边是函数体 只包含一个表达式，连{ ... }和return都省略掉了。 还有一种可以包含多条语句，这时候就不能省略{ ... }和return： var fn = x => x * x; x => { if (x > 0) { ... 阅读全文

摘要： 继承 能继承什么东西： 构造函数、以及原型中的所有东西 原型继承实现方式就是： 1、定义新的构造函数，并在内部用call()调用希望“继承”的构造函数，并绑定this；（仅需继承构造函数时需要） 2、借助中间函数F实现原型链继承，最好通过封装的inherits函数完成； 3、继续在新的构造函数的原型上定义新方法。 有原型对象时继承 Objec... 阅读全文