ecmadao/js-bits-cn

通过代码解释 JavaScript 的概念

js-bits-cn

翻译自 vasanthk/js-bits

通过代码解释 JavaScript 的概念。

欢迎pull request/issue/star，共同翻译

Menu

基本

• 字符串方法
• 按位操作符
• 强制类型转换
• 数字的最大和最小值
• 带有 string 的逻辑操作
• JavaScript 中的数字类型（浮点数）

Array

• Array concat() 和 push() 方法
• Array every() 和 some() 方法
• Array filter()、map() 和 reduce()
• Array 的 forEach() 方法
• 理解 Array 中的 通过值传递 和 通过引用传递
• Array 的 reduce() 方法
• Array 的 slice() 和 splice() 方法

DOM

• DOM API 操作
• JavaScript 中的样式操作
• 事件冒泡
• 事件委托
• 事件处理

作用域

• Apply 和 Call 方法
• Bind 方法
• 闭包
• this 关键字

面向对象

• 关于 new 关键字的一些事
• 对象的克隆
• 详解对象的创建（构造方法和原型链）
• JavaScript 面向对象编程
• 对象的原型链
• 对象的引用
• OLOO 设计模式探索

对象的属性

• 定义属性（Object.defineProperty 方法）
• 冻结对象 （Object.freeze 方法）
• 通过 Object.keys 遍历对象的属性
• for..in 循环和 hasOwnProperty
• getter 方法和 setter 方法

其他

• 柯里化
• AMD、CommonJS 和 ES6 模块机制的使用
• 条件表达式内函数声明
• 工厂方法
• 在 for() 循环内 setTimeout()
• Shim vs Polyfill vs Monkey patch
• 方法重载
• JavaScript 中的 Mixins

Todo

• AMD CommonJS and ES6 Modules Usage
• Array concat() push()
• Array every() some()
• Array filter() map() reduce()
• Array forEach()
• Array pass by val vs reference
• Array reduce()
• Array slice() splice()
• Apply & Call function
• Bind function
• Bitwise operators
• Closures
• Coercion
• Conditional function declaration
• Currying
• DOM
• Event Bubbling
• Event Delegation
• Event Handling
• Factory Functions
• Floating point precision
• for-in with hasOwnProperty
• Getters and Setters
• Logical operations with string
• Method Overloading
• Mixins
• new keyword
• Number Max Min val
• Object clone
• Object constructor
• Object create()
• Object defineProperty
• Object freeze
• Object keys
• Object oriented concepts
• Object prototype
• Object references
• OLOO pattern
• setTimeout inside a loop
• Shim vs Polyfill vs Monkey patch
• String methods
• Styling
• this keyword