[置顶] JavaScript继承方式（1）
摘要：
前段时间温故了下JS OO之写类方式，从这篇开始我们看看JS OO之继承方式。 面向对象的语言多数都支持继承，继承最重要的优点就是代码复用，从而构建大型软件系统。如果一个类能够重用另一个类的属性和或方法，就称之为继承。从这个角度来看看JS的继承方式。JS中继承方式与写类方式息息相关。不同的写类方式造 阅读全文
Snandy
If you cannot hear the sound of the genuine in you, you will all of your life spend your days on the ends of strings that somebody else pulls.
[置顶] JavaScript的写类方式（1）
摘要：
从这篇起，会由浅到深的分析JS OO之写类方式，大概会有5-8篇。后面陆续会分析流行库（框架）的写类方式。 一些写类工具函数或框架的写类方式本质上都是 构造函数+原型。只有理解这一点才能真正明白如何用JavaScript写出面向对象的代码，或者说组织代码的方式使用面向对象方式。当然用JS也可写出函数 阅读全文
[置顶] 在循环中正确找到对应DOM元素的索引
摘要：
有个网友问了个问题，如下的html，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。闭包演示 产品 0 产品 1 产品 2 产品 3 产品 4 以上场景是初学者经常碰到的。即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler... 阅读全文
Webpack2学习记录-2
摘要：
这篇在 webpack-demo 目前下新建一个 w2 目录，学习 webpack.config.js 及 与 npm scripts 的使用。 1、w2 下新建一个 webpack.config.js，内容如下 这是 w2 目录为 这时就可以直接在命令行执行 webpack 命令了，一些配置参数 阅读全文
Webpack2学习记录-1
摘要：
1、安装前准备 安装 webpack 之前，需要安装 node，这时最新的是 6，npm 是 4。如果有老的 node 项目在跑建议安装下 nvm。 2、建议安装在局部，即在项目下的 node_modules 里 比如在 webpack_demo 目录下新建了一个 w1 项目，先用 npm init 阅读全文
Win下安装nvm
摘要：
nvm 是 windows 下切换 node 版本的管理工具，mac 下可以使用 TJ 写的 n 。 1、https://github.com/coreybutler/nvm-windows/releases，图示点击下载 2、点击安装，默认配置即可，win开始菜单会生成一个 3、命令行cmd进入， 阅读全文
Mac下安装GIT的坑
摘要：
先去 https://git-scm.com/download/mac 下载 GIT 客户端 双击安装，界面中有三个文件 接着双节 .pkg 文件，却提示无法安装 解决方式是按住 Control ，再点击该文件解决方式是按住 Control ，再点击该文件 阅读全文
jQuery 3.0的domManip浅析
摘要：
domManip 这个函数的历史由来已久，从 jQuery 1.0 版本开始便存在了，一直到最新的 jQuery 版本。可谓是元老级工具函数。 domManip 的主要功能是为了实现 DOM 的插入和替换。具体共为以下 5 个函数服务 内部后插入（append） 内部前插入（prepend） 外部前 阅读全文
jQuery 3.0的buildFragment
摘要：
在 jQuery3.0中，buildFragment 是一个私有函数，用来构建一个包含子节点 fragment 对象。这个 fragment 在 DOM1 中就已经有了，所有浏览器都支持。当频繁操作(添加、插入) DOM 时使用该方法可以提高性能，John resig 做过一个测试及一篇博客。 jQ 阅读全文
jQuery 3.0 的 setter/getter 模式
摘要：
jQuery 的 setter/getter 共用一个函数，通过是否传参来表明它是何种意义。简单说传参它是 setter，不传它是 getter。 一个函数具有多种意义在编程语言中并不罕见，比如函数重载：一组具有相同函数名，不同参数列表的函数，这组函数被称为重载函数。重载的好处是减少了函数名的数量， 阅读全文
jQuery 3.0 的 Data 浅析
摘要：
jQuery 3.0 在6月9日正式发布了，3.0 也被称为下一代的 jQuery 。这个版本从14年10月开始，其中发布过一次beta 版（2016/1/14,）和候选版（2016/05/20）。一路走来，颇为不易。 文章目录 一、Data浅析 jQuery 3.0 中的 Data 是内部使用的， 阅读全文
强大的DOM变化观察者MutationObserver
摘要：
在这之前 DOM3 提供了 Mutation events 事件 可以监听到属性、文本内容、节点插入删除、子节点变化等事件。可是该事件 W3C 已废弃，虽然一些浏览器仍然支持，但不建议使用。 MutationObserver目前IE11+及其它浏览器最新版本都已支持。可以通过以下代码判断是否支持 使 阅读全文
JavaScript的写类方式（6）
摘要： 
时间到了2015年6月18日，ES6正式发布了，到了ES6，前面的各种模拟类写法都可以丢掉了，它带来了关键字 class，constructor，set，get，extends，super。 ES6的写类方式 // 定义类 Person class Person { constructor(name 阅读全文
时间到了2015年6月18日，ES6正式发布了，到了ES6，前面的各种模拟类写法都可以丢掉了，它带来了关键字 class，constructor，set，get，extends，super。 ES6的写类方式 // 定义类 Person class Person { constructor(name 阅读全文
ES5 的 setter 和 getter
摘要：
有两种方式使用 setter 和 getter 1. set/get 2. Object.defineProperty 当然，通常用 setter 和 getter 来实现私有变量 或者 当然，setter 和 getter 最牛逼的用处是用来实现目前流行的 “双向绑定”，MVxx之类的库。不支持 阅读全文
ES5 对象的扩展(Object.preventExtensions)、密封(Object.seal)和冻结(Object.freeze)
摘要：
前面提到 ES5 对象属性描述符，这篇看看对象的扩展、密封和冻结。 阻止对象扩展，让一个对象变的不可扩展，也就是永远不能再添加新的属性 ES3 是没有办法阻止对象扩展的，定义对象后可以给对象添加任意属性，如 ES5 的 Object.preventExtensions 则可以阻止给对象添加新属性 如 阅读全文
IE10/11克隆textarea时 bug
摘要：
重现代码 以上网页代码，在 IE10/11 中输出如下 可以看到IE10/11克隆时竟然把值赋给了value，这是一个的bug。 其它浏览器输出的均是空字符串。 判断是否有该bug的函数提取如下 阅读全文
ES5 数据属性描述符和存取描述符
摘要：
一、数据属性描述符 对象是一个属性集合，对象的基本特征是属性名（name）和属性值（value）。ES5 增加了属性描述符，可以更细腻的控制属性的不同操作。属性描述符有 configurable、writable 和 enumerable。 属性描述符通常和 Object.definePropert 阅读全文
Object.observe将不加入到ES7
摘要：
先请看 Object.observe 的 API Object.observe(obj, callback[, acceptList]) 它用来监听对象的变化，当给该对象添加属性，修改属性时都会被依次记录下来 看一个示例 var person = {} Object.observe(person, 阅读全文
HTTP状态管理机制之Cookie
摘要：
一、cookie 起源 cookie 最早是网景公司的雇员 Lou Montulli 在1993年3月发明，后被 W3C 采纳，目前 cookie 已经成为标准，所有的主流浏览器如 IE、Chrome、Firefox、Opera 等都支持。 cookie 的诞生是由于 HTTP 协议的天生缺陷，HT 阅读全文
Fetch：下一代 Ajax 技术
摘要：
Ajax，2005年诞生的技术，至今已持续了 10 年。它是一种在客户端创建一个异步请求的技术，本质上它不算创新，是一组技术的组合。它的核心对象是 XMLHttpRequest。 简单回顾下历史 使用步骤大概如下 以上可以看出，XHR 使用 onXXX 处理，典型的 "事件模式"。 Fetch 目前 阅读全文
JavaScript数字精度丢失问题总结
摘要：
本文分为三个部分 一、JS数字精度丢失的一些典型问题 1. 两个简单的浮点数相加 Firebug 这真不是 Firebug 的问题，可以用alert试试 （哈哈开玩笑）。 看看Java的运算结果 再看看Python 2. 大整数运算 Firebug 16位和17位数竟然相等，没天理啊。 又如 看结果 阅读全文
前端开发调试线上代码的两款工具
摘要：
用过 Charles 和 Fiddler 这两款，记录如下。一、CharlesCharles 界面简单直观，易于上手，数据请求控制容易，修改也简单，抓取数据的开始暂停也方便。全平台支持 win，mac，linux。1. 安装前提Charles 需要有 Java 环境，请提前下载安装 JDK。JDK ... 阅读全文
微信公众账号开发入门
摘要：
此文记录了微信公众号开发的整个流程，想要调用微信 JS API 并非直接引入一个jweixin-1.0.0.js 到页面里那么简单。需要获取 access_token, jsapi_ticken和签名 sign等。其中的任何一个步骤错误都会调用不到其 API。这些参数一般是后台生成，可以用阿里云或新... 阅读全文
Chrome/Firefox 中头toFixed方法四舍五入兼容性问题
摘要：
每个Number的toFixed()方法可把 Number 四舍五入为指定小数位数的数字。四舍五入顾名思义，4及以下舍去，5及以上加1。四舍1.31.toFixed(1) // 1.31.32.toFixed(1) // 1.31.33.toFixed(1) // 1.31.34.toFixed(1... 阅读全文
GIT/node使用
摘要：
一、 为不同域名的库自动保存不同的用户名和密码 比如 公司的库是 http://source.sohu.com，另一个是 http://www.github.com，命令行中分别两个命令就搞定了 Git命令行支持粘贴，右键-option 二、nrm的使用 三、GIT 单文件切换到某个版本 阅读全文
addEventListener 的另类写法
摘要：
addEventListener 参数如下addEventListener(type, listener[, useCapture]);type，事件名称listener，事件处理器useCapture，是否捕获一直把 listener 记成是响应函数，function 类型。相信很多人也是这么理解... 阅读全文
JavaScript 动态插入 CSS
摘要：
写组件时有时想把一些组件特性相关的 CSS 样式封装在 JS 里，这样更内聚，改起来方便。JS 动态插入 CSS 两个步骤就可以创建一个 style 对象使用 stylesheet 的 insertRule 或 addRule 方法添加样式一、查看样式表先看下 document.styleSheet... 阅读全文
JavaScript判断各浏览器CSS前缀的两种方式
摘要：
不管浏览器更新的多快，号称多么支持标准。厂商不同，他们之间还是有很多差异。我们需要区分出这些差异，针对不同的浏览器做不同的处理。比如 CSS 前缀，IE 的是 "-ms-"，旧版 Opera 的是 "-o-"，Firefox 的是 "-moz-"，Safari/Chrome 是 "-webkit-"... 阅读全文