跨浏览器的事件代理
2017-06-24
阅读 2 分钟
1.6k我们知道，在主流的浏览器里面绑定事件处理程序和解绑分别是: {代码...} 然而IE9之前，IE的事件处理程序是不一样，首先看看它的两个方法： {代码...} IE的事件处理程序除了从方法名字的不同，还有其他的一些不同，来做一个总结： {代码...} 所以如果我们要实现一个跨浏览器的事件代理，就要处理IE的那些不同。假设我们有...
JavaScript DOM 7 - DocumentFragment
2017-06-24
阅读 2 分钟
2.9k从这张图里面，我们可以看到 DocumentFragment 和 Document 是兄弟关系，都直接继承自Node类。DocumentFragment是一种十分特殊的Node,它和Document一样没有parentNode. 它可以有后代节点，也可以使用appendChild()这类的方法。它的用途主要是在使用appendChild(), insertBefore(), replaceChild()时候，它作为一个临时容...
JavaScript DOM 6 - 节点的创建，插入，替换，删除
2017-06-24
阅读 5 分钟
6.2k1: 节点的创建新建一个新节点的方式主要有三种：1: createElement() {代码...} 2: createTextNode() {代码...} 3: cloneNode() {代码...} 比如，我们有一段HTML： {代码...} 我们对'<ul>'元素分别进行深拷贝和浅拷贝： 4: importNode() {代码...} 来看一个在本文档嵌入一个来自iframe中的节点的例子： {代码...} 2...
JavaScript DOM 5 － HTML元素的内容
2017-06-23
阅读 2 分钟
1.8k一个HTML元素的内容到底是指什么？特别是对于那些有子节点的HTML元素。1: 首先来看一下可以获取HTML元素的内容的方式有哪些： {代码...} 我们这么一段HTML代码： {代码...} 我们对这个'<ul>'元素运用以上四个不同的属性得出的结果有什么不同： 2: 四个属性的不同点主要表现在： {代码...} 3: script标签的特殊性 ...
JavaScript DOM 4 - 属性 attribute vs property
2017-06-22
阅读 5 分钟
3.3k这里的'href', 'id'和'class'都是这个'<img>'元素的attribute。而在我们的HTMLElement里，定义了与之对应的属性(property)，通过引用它们，可以得到这些元素的attribute的价值，例如：
JavaScript DOM 3 - 查找特定位置上的节点
2017-06-22
阅读 2 分钟
3.5k在前面的文章“JavaScript DOM 1－ node, Node, HTMLElement之间到底是什么关系”中，已经解释过的两个概念： 1: 整个document文档就是一棵树，这就意味着我们可以从某一个节点（node）开始，遍历这颗树上所有的节点 2: 因为document中的所有元素都是一个Node对象, 那就是说定义在Node类上的所有公用属性和方法，每一个nod...
JavaScript DOM 2 - 获取文档元素
2017-06-21
阅读 5 分钟
2.8k1: 获取文档元素的方法有7个 {代码...} 其中: {代码...} 先来对以上几点进行点直观的感受，假如我们的HTML代码是这样的： {代码...} 1: 返回HTMLElement的nodeList的区别 2: 同时定义在Document和Element上的方法区别 bookItems是在Element元素(bookList[0])上使用getElementsByTagName()得到的结果，而allLi是在documen...
JavaScript DOM 1－ Node, HTMLElement之间到底是什么关系
2017-06-20
阅读 2 分钟
9.7k整个是一个树状结构，在树状图里面是不是有个“节点”，也就是‘node’的概念？是的，图中的每一个框框就是一个Node对象。'<html>....</html>'是一个node, '<div>...</div>'是一个node, 我们放在<p>里面的文字'Text'也是一个node.
jquery .bind() vs .live() vs .delegate() vs .on()
2017-06-20
阅读 2 分钟
2.6k1: .bind().bind方法的用法是这样的：targetElment.bind('eventType', eventHandler)所以假入我们要给<li>元素绑定一个click事件，那就这样写：
javascript安全攻击类型
2017-06-19
阅读 1 分钟
3.3k1: XSS（cross site Script）跨站脚本攻击 XSS的类型：1: get型指诱导用户打开一个url,这个url的片段标志符是执行一段下载恶意攻击的js文件的js代码，例如
JavaScript的this
2017-06-19
阅读 2 分钟
1.2k在JavaScript被调用的时候，除了可见的行参被传入方法体之外，this也被隐形地传进去了。所以，从这点也再次说明JavaScript的this的值完全取决于函数被调用时候的上下文，而不是像java的this是在声明的时候确定的。 JavaScript里，this的值随着一个函数被调用情况的不同而不同。而一个函数有4种被调用的情况，也就是说thi...
javascript非构造函数的继承
2017-06-18
阅读 1 分钟
1.4k我们希望student继承person，因为person和student都是普通的对象，不是构造函数，所以这里无法依赖于构造函数的继承。那方法是：1: 创建一个以某个对象为蓝本而生成的对象
JavaScript的对象与继承
2017-06-18
阅读 3 分钟
1.4k以上是一个从原型对象（Apple）生成实例对象（appleGreen, appleRed）的例子。接下来看看基于构造函数继承：首先假设有两个构造函数：
javaScript作用域与闭包
2017-06-17
阅读 4 分钟
2.3k首先给js的作用域这个话题打标签：2，var, 全局变量，局部变量，函数，undefined, 作用域提升，赋值不会提升，ReferenceError, 同名覆盖。打完标签之后，我们来说跟作用域有关的几条铁打的规则：1: JS的作用域有2种：全局作用域，函数作用域。
ES6 箭头函数（arrow function）
2017-02-18
阅读 2 分钟
3k例行声明：接下来的文字内容全部来自 Understanding ECMAScript 6,作者是Nicholas C.Zakas,也就是大名鼎鼎的Professional JavaScript for Web Developers（《JavaScript高级程序设计》）的作者。我很喜欢他的写作风格，所以在看了Understanding ECMAScript 6后试着自己写篇博客梳理一下，相当于简单地翻译和巩固一下吧。...
ES6 Block-Level Function
2017-01-17
阅读 3 分钟
2.1k例行声明：接下来的文字内容全部来自 Understanding ECMAScript 6,作者是Nicholas C.Zakas,也就是大名鼎鼎的Professional JavaScript for Web Developers（《JavaScript高级程序设计》）的作者。我很喜欢他的写作风格，所以在看了Understanding ECMAScript 6后试着自己写篇博客梳理一下，相当于简单地翻译和巩固一下吧。...
angular初印象
2016-07-24
阅读 3 分钟
1.6k1: Angular的基本概念1: angular是MV**的框架，所以并不是所谓的MVC框架2: angular的View： 鼓励你创建自己的新的HTML元素，这些元素拥有自己的属性和行为。在angular里面叫Directives，这个其实就是React里面的component。3: angular的Model：angular的model就是一个个纯的javaScript object。4: angular的Scope: angul...
Glance at ES6
2016-07-21
阅读 4 分钟
1.8k1: Block Scope 1.1 变量的块级作用域名 {代码...} 1.2 function的块级作用域 {代码...} 但是在ES6是合法的，并且拥有块级作用域： {代码...} 2: Function接受可以设置默认值的参数, 剩余参数，以及扩展参数 2.1 给参数设置默认值 {代码...} 从上面的例子可以看出来，只有当相应的参数没有传值，或者明确传入undefined时...
horizontal center and vertical middle in CSS
2016-07-19
阅读 4 分钟
1.9k写在前面的话：1: 为了方便起见，接下来我都会把想要居中的元素，不管是一行text，还是一个div，都叫做‘目标元素’， 把包含这个目标元素的叫做‘父元素’。（额。。。。这两个名字如此不对称，我也是醉了。）
关于正则表达式，你想知道的一切
2016-07-06
阅读 1 分钟
3.1k这里只讲在JavaScript中的正则表达式 1: 如何创建一个正则表达式 在JS中有 2 种方式创建一个正则表达式： 1: 通过正则表达式字面量 {代码...} 2: 实例化一个RegExp对象 {代码...} 除了正则表达式本身，还有5个flag配合正则表达式一起使用： {代码...} 那么当我们在创建一个正则表达式的过程中，要加上以上的flag的话，定...
true or false in JavaScript
2016-06-28
阅读 1 分钟
2.2k此篇文章不是100%的原创，是看了很多别人的文章，然后自己做的一个总结，所以里面会用到一些原文章里面的例子，或者图片。因为我觉得原作者写的例子很好，我自己想不出更好的，所以就借用了。之后会在文章末尾注明出处。