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

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