配制Node.js和命令行
摘要：配制Node.js和命令行 安装或升级node.js 从Node.js (nodejs.org)下载最新版安装文件。 查看npm全局包有哪些： npm list -g --depth=0 查看npm版本： npm -v 查看哪些包有更新： npm outdated -g 查看参数配置： npm co
阅读全文
浏览器技巧
摘要：1 右键浏览器页面中的对象，选择[检查]，可以定位到html树。 2 $_表示命令行得到的最后一个对象，比如下面代码表示复制最后一个对象到剪切板。 copy($_) 3 可以选中控制台中的对象树，右键选择保存到临时变量。可以保存到例如名为temp1的变量。 保存的对象可以树状浏览。 4 可以在流量器
阅读全文
Nodejs的path模块
摘要：这是jest对path模块中常用功能的测试代码： import path from 'path' test("basename", () => { let x = path.basename('/foo/bar/baz/asdf/quux.html'); expect(x).toEqual('quu
阅读全文
webpack externals
摘要：webpack将代码打包成一个立即执行函数。 !function (e, r){ "object" == typeof exports && "object" == typeof module ? module.exports = r(require("rxjs")) : "function" ==
阅读全文
mutation
摘要：mutation One pattern many people follow is to be liberal with mutation when constructing data, but conservative with mutation when consuming data. let
阅读全文
IEnumerator vs Iterator
摘要：IEnumerator vs Iterator IEnumerator 不考虑Reset方法和原始列表的可变性，NoveNext和Current的只读向前用法： Initially, the enumerator is positioned before the first element in t
阅读全文
JavaScript中的模式匹配
摘要：JavaScript已经实现模式匹配解构功能，没有实现模式匹配过滤功能。用模式来控制程序流，可以编写更加声明性，更加模块化的代码。
阅读全文
Testing npm packages before publishing
摘要：Testing npm packages before publishing 参考来源 Now, I use npm pack. npm pack The pack command creates a .tgz file exactly the way it would if you were go
阅读全文
可组合的类定义
摘要：我们定义类时，炉墙代码，和业务代码常常耦合在一起，本文是将业务代码和炉墙代码解耦。利用类继承的特性。 一个常用的构造类的模式是流利模式，或者方法链，耦合的代码如下： class Cake { setFlavour(flavour) { this.flavour = flavour; return t
阅读全文
enumerability
摘要：If we look at the way class defines prototypes, we find that the methods defined are not enumerable by default. This works around a common error where
阅读全文
"Real" Mixins with JavaScript Classes
摘要："Real" Mixins with JavaScript Classes come from Mixins and Javascript: The Good, the Bad, and the Ugly. Mixins and JavaScript are a like the classic C
阅读全文
npm 编写cli
摘要：npm 编写cli 编写程序包 新建文件夹，进入目录 npm init -y 创建 package.json 在package.json里，配置bin： "bin": { "hmt": "./index.js" } 键名就是命令名，值是入口文件名。 示例./index.js文件的内容： #!/usr
阅读全文
webpack.merge
摘要：webpack-merge provides a merge function that concatenates arrays and merges objects creating a new object. 帮助文档不直观，所以，我们来测试一下，测试框架用jest，babel使用es5语法。
阅读全文
javaScript 5
摘要：表达式语句Assignment statements are one major category of expression statements.The delete operator has the important side effect of deleting an object property.Function calls are another major category of expression statements.复合语句和空语句A statement block is simply a sequence of statements enclosed within
阅读全文
javascript 4
摘要：比较运算符比较运算符的期望类型是两个字符串或两个数字，类型转换规则如下：当操作数为对象时，对象转换为原始值。之后，如果两个操作数都是字符串，按字母表顺序比较。否则至少有一个操作数不是字符串，两个操作数都转换为数字比较。比较运算符更偏爱数字，只有两个操作数都是字符串时，才会进行字符串比较。a>=b 等价于!(ab)，而与相等(==)和恒等(===)的规则无关。当操作数中有一个数为NaN时，比较操作总是返回falsein运算符属性名 in 对象如果属性名位于对象中，表达式返回true。instanceof运算符对象 instanceof 类如果左操作数不是对象，表达式返回false。如果右操
阅读全文
JavaScript 1
摘要：词法结构字符集区分大小写空格、换行和格式控制符unicode转义标准化注释行尾//后的内容为注释/*与*/之间的文本为注释，可以跨行，但是不能嵌套。直接量12数字1.2小数"Hello world"字符串'Hi'字符串trueboolfalsebool/\w+/giRegExpnull空{x:1,y:1}对象[1,2,3,4,5]数组标识符和保留字标识符以字母、下划线、美元符号开始，后续的字符可以是字母、下划线、美元符、和数字。即匹配/[a-z_$][a-z0-9_$]*/i关键字或保留字不能用作标识符，预定义的全局变量和函数也应避免用作标识符。可选的分号分
阅读全文
javaScript 正则表达式
摘要：正则表达式的定义一个RegExp对象的每一次估值都返回新对象，这意味着RegExp是可变对象。直接量字符模式说明备注任意字符除 ^ $ . * + ? = ! : | \ / () [] {} 以外的字符，代表自身\0(数字零)NUL 字符\u0000\t制表符\u0009\n换行符\u000A\v垂直制表符\u000B\f换页符\u000C\r回车符\u000D\xnn由十六进制数nn指定的ASCII字符\x20表示空格\unnnn由十六进制数nnnn指定的Unicode字符\u0020表示空格\cX控制字符^X\cC是CTRL-C在正则表达式中，许多标点符号有特殊含义，他们是：^ $ .
阅读全文
jQuery 事件处理
摘要：浏览器的事件模型 DOM第0级事件模型 Event实例 他的属性提供了关于当前正被处理的已触发事件的大量信息。这包括一些细节，比如在哪个元素上触发的事件、鼠标事件的坐标以及键盘事件中单击了哪个键。 事件冒泡 当触发 dom 树中一个元素上的事件时，事件模型会检查这个元素是否已经创建了特定的事件处理器。如果是，就会调用已创建的事件处理器。然后，事件模型会检查目标...
阅读全文
用jQuery为页面添加活力
摘要：使用元素属性与特性 属性是javascript对象的内在性质，每个属性都包含名称和值。 特性用于描述DOM元素标记中设定的值 浏览器会读取并解析元素的标记，以便创建在DOM中表现此元素的javascript对象实例。特性被收集到一个列表中，这个列表保存在DOM元素实例中的attributes属性中。除了在列表中保存特性，每个DOM对象还被赋予了多个属性，包括一些描述元素标记中特性的属性。特性...
阅读全文
选择要操作的元素
摘要：选择将被操作的元素 下载代码中的chapter2\lab.selectors.html可以测试jQuery选择器字符串。 控制上下文 $()函数可以包括第二个参数，这个参数是上下文参数。 $('.wrappedElement','#sampleDOM').removeClass('wrappedElement')这样就可以把选择器的应用范围限制在DOM树中指定的部分。使用基本CSS选择器j...
阅读全文
