snandy
发表于
2017-04-07 21:50:00

Webpack2学习记录-2 - snandy

【摘要】这篇在 webpack-demo 目前下新建一个 w2 目录，学习 webpack.config.js 及与 npm scripts 的使用。 1、w2 下新建一个 webpack.config.js，内容如下这是 w2 目录为这时就可以直接在命令行执行 webpack 命令了，一些配置参数阅读全文 ...继续阅读 (6)

snandy
发表于
2017-04-07 21:50:00

Webpack2学习记录-2 - snandy

【摘要】这篇在 webpack-demo 目前下新建一个 w2 目录，学习 webpack.config.js 及与 npm scripts 的使用。 1、w2 下新建一个 webpack.config.js，内容如下这是 w2 目录为这时就可以直接在命令行执行 webpack 命令了，一些配置参数阅读全文 ...继续阅读 (9)

snandy
发表于
2017-04-07 03:16:00

Webpack2学习记录-1 - snandy

【摘要】1、安装前准备安装 webpack 之前，需要安装 node，这时最新的是 6，npm 是 4。如果有老的 node 项目在跑建议安装下 nvm。 2、建议安装在局部，即在项目下的 node_modules 里比如在 webpack_demo 目录下新建了一个 w1 项目，先用 npm init阅读全文 ...继续阅读 (11)

snandy
发表于
2017-04-07 03:16:00

Webpack2学习记录-1 - snandy

【摘要】1、安装前准备安装 webpack 之前，需要安装 node，这时最新的是 6，npm 是 4。如果有老的 node 项目在跑建议安装下 nvm。 2、建议安装在局部，即在项目下的 node_modules 里比如在 webpack_demo 目录下新建了一个 w1 项目，先用 npm init阅读全文 ...继续阅读 (9)

snandy
发表于
2017-04-06 09:46:00

Win下安装nvm - snandy

【摘要】nvm 是 windows 下切换 node 版本的管理工具，mac 下可以使用 TJ 写的 n 。 1、https://github.com/coreybutler/nvm-windows/releases，图示点击下载 2、点击安装，默认配置即可，win开始菜单会生成一个 3、命令行cmd进入，阅读全文 ...继续阅读 (12)

snandy
发表于
2017-04-06 09:46:00

Win下安装nvm - snandy

snandy
发表于
2016-11-30 13:26:00

Mac下安装GIT的坑 - snandy

【摘要】先去 https://git-scm.com/download/mac 下载 GIT 客户端双击安装，界面中有三个文件接着双节 .pkg 文件，却提示无法安装解决方式是按住 Control ，再点击该文件解决方式是按住 Control ，再点击该文件阅读全文 ...继续阅读 (9)

snandy
发表于
2016-11-30 13:26:00

Mac下安装GIT的坑 - snandy

【摘要】先去 https://git-scm.com/download/mac 下载 GIT 客户端双击安装，界面中有三个文件接着双节 .pkg 文件，却提示无法安装解决方式是按住 Control ，再点击该文件解决方式是按住 Control ，再点击该文件阅读全文 ...继续阅读 (7)

snandy
发表于
2016-09-02 22:01:00

jQuery 3.0的domManip浅析 - snandy

【摘要】domManip 这个函数的历史由来已久，从 jQuery 1.0 版本开始便存在了，一直到最新的 jQuery 版本。可谓是元老级工具函数。 domManip 的主要功能是为了实现 DOM 的插入和替换。具体共为以下 5 个函数服务内部后插入（append）内部前插入（prepend）外部前阅读全文 ...继续阅读 (12)

snandy
发表于
2016-09-02 22:01:00

jQuery 3.0的domManip浅析 - snandy

snandy
发表于
2016-08-31 23:54:00

jQuery3.0的domManip浅析 - snandy

snandy
发表于
2016-08-15 21:08:00

jQuery3.0的buildFragment - snandy

【摘要】在 jQuery3.0中，buildFragment 是一个私有函数，用来构建一个包含子节点 fragment 对象。这个 fragment 在 DOM1 中就已经有了，所有浏览器都支持。当频繁操作(添加、插入) DOM 时使用该方法可以提高性能，John resig 做过一个测试及一篇博客。 jQ阅读全文 ...继续阅读 (6)

snandy
发表于
2016-08-15 21:08:00

jQuery 3.0的buildFragment - snandy

snandy
发表于
2016-07-10 23:27:00

jQuery 3.0 的 setter/getter 模式 - snandy

【摘要】jQuery 的 setter/getter 共用一个函数，通过是否传参来表明它是何种意义。简单说传参它是 setter，不传它是 getter。一个函数具有多种意义在编程语言中并不罕见，比如函数重载：一组具有相同函数名，不同参数列表的函数，这组函数被称为重载函数。重载的好处是减少了函数名的数量，阅读全文 ...继续阅读 (19)

snandy
发表于
2016-07-10 23:27:00

jQuery 3.0 的 setter/getter 模式 - snandy

snandy
发表于
2016-06-13 23:34:00

jQuery 3.0 的 Data 浅析 - snandy

【摘要】jQuery 3.0 在6月9日正式发布了，3.0 也被称为下一代的 jQuery 。这个版本从14年10月开始，其中发布过一次beta 版（2016/1/14,）和候选版（2016/05/20）。一路走来，颇为不易。文章目录一、Data浅析 jQuery 3.0 中的 Data 是内部使用的，阅读全文 ...继续阅读 (17)

snandy
发表于
2016-06-13 23:34:00

jQuery 3.0 的 Data 浅析 - snandy

snandy
发表于
2016-04-09 21:57:00

强大的DOM变化观察者MutationObserver - snandy

【摘要】在这之前 DOM3 提供了 Mutation events 事件可以监听到属性、文本内容、节点插入删除、子节点变化等事件。可是该事件 W3C 已废弃，虽然一些浏览器仍然支持，但不建议使用。 MutationObserver目前IE11+及其它浏览器最新版本都已支持。可以通过以下代码判断是否支持使阅读全文 ...继续阅读 (17)

snandy
发表于
2016-04-09 21:57:00

强大的DOM变化观察者MutationObserver - snandy

snandy
发表于
2016-04-08 00:04:00

JavaScript的写类方式（6） - snandy

【摘要】时间到了2015年6月18日，ES6正式发布了，到了ES6，前面的各种模拟类写法都可以丢掉了，它带来了关键字 class，extends，super。 ES6的写类方式和 Java 多象啊，再看看继承以上代码中，constructor 和 toString 方法中，都出现了 super 关键字，阅读全文 ...继续阅读 (39)

snandy
发表于
2016-04-08 00:04:00

JavaScript的写类方式（6） - snandy

【摘要】时间到了2015年6月18日，ES6正式发布了，到了ES6，前面的各种模拟类写法都可以丢掉了，它带来了关键字 class，constructor，set，get，extends，super。 ES6的写类方式 // 定义类 Person class Person { constructor(name阅读全文 ...继续阅读 (6)

snandy
发表于
2016-03-16 23:28:00

ES5 的 setter 和 getter - snandy

【摘要】有两种方式使用 setter 和 getter 1. set/get 2. Object.defineProperty 当然，通常用 setter 和 getter 来实现私有变量或者当然，setter 和 getter 最牛逼的用处是用来实现目前流行的 “双向绑定”，MVxx之类的库。不支持阅读全文 ...继续阅读 (25)

snandy
发表于
2016-03-16 23:28:00

ES5 的 setter 和 getter - snandy

【摘要】有两种方式使用 setter 和 getter 1. set/get 2. Object.defineProperty 当然，通常用 setter 和 getter 来实现私有变量或者当然，setter 和 getter 最牛逼的用处是用来实现目前流行的 “双向绑定”，MVxx之类的库。不支持阅读全文 ...继续阅读 (9)

snandy
发表于
2016-03-15 23:18:00

ES5 对象的扩展(Object.preventExtensions)、密封(Object.seal)和冻结(Object.freeze) - snandy

【摘要】前面提到 ES5 对象属性描述符，这篇看看对象的扩展、密封和冻结。阻止对象扩展，让一个对象变的不可扩展，也就是永远不能再添加新的属性 ES3 是没有办法阻止对象扩展的，定义对象后可以给对象添加任意属性，如 ES5 的 Object.preventExtensions 则可以阻止给对象添加新属性如阅读全文 ...继续阅读 (23)

snandy
发表于
2016-03-15 23:18:00

ES5 对象的扩展(Object.preventExtensions)、密封(Object.seal)和冻结(Object.freeze) - snandy

snandy
发表于
2016-03-15 23:15:00

IE10/11克隆textarea时 bug - snandy

【摘要】重现代码以上网页代码，在 IE10/11 中输出如下可以看到IE10/11克隆时竟然把值赋给了value，这是一个的bug。其它浏览器输出的均是空字符串。判断是否有该bug的函数提取如下阅读全文 ...继续阅读 (22)

snandy
发表于
2016-03-15 23:15:00

IE10/11克隆textarea时 bug - snandy

【摘要】重现代码以上网页代码，在 IE10/11 中输出如下可以看到IE10/11克隆时竟然把值赋给了value，这是一个的bug。其它浏览器输出的均是空字符串。判断是否有该bug的函数提取如下阅读全文 ...继续阅读 (9)

snandy
发表于
2016-03-14 23:32:00

ES5 数据属性描述符和存取描述符 - snandy

【摘要】对象是一个属性集合，对象的基本特征是属性名（name）和属性值（value）。ES5 增加了属性描述符，可以更细腻的控制属性的不同操作。属性描述符有 configurable、writable 和 enumerable。属性描述符通常和 Object.defineProperty/Object.d阅读全文 ...继续阅读 (18)

snandy
发表于
2016-03-14 23:32:00

ES5 数据属性描述符和存取描述符 - snandy

【摘要】一、数据属性描述符对象是一个属性集合，对象的基本特征是属性名（name）和属性值（value）。ES5 增加了属性描述符，可以更细腻的控制属性的不同操作。属性描述符有 configurable、writable 和 enumerable。属性描述符通常和 Object.definePropert阅读全文 ...继续阅读 (9)

snandy
发表于
2016-03-04 01:31:00

Object.observe将不加入到ES7 - snandy

【摘要】先请看 Object.observe 的 API Object.observe(obj, callback[, acceptList]) 它用来监听对象的变化，当给该对象添加属性，修改属性时都会被依次记录下来看一个示例 var person = {} Object.observe(person,阅读全文 ...继续阅读 (17)