框框

《CSS 魔法堂：重新认识 Box Model、IFC、BFC 和 Collapsing margins》中提到在没有 floated 兄弟盒子时，line box 的左右边框会与所属的 containing block 的左右 content edge 相接触。那到底什么是 containing block(abbr. CB) 呢？  containing block 在 CSS 的 visual formatting model 中十分重要的理论基础，因为盒子的宽 / 高度自动值 / 相对值的计算，相对 / 浮动 / 绝对定位，均依赖 containing block

JavaScript 有什么奇技淫巧？

在 JavaScript 的学习中，我们经常会遇到 JavaScript 的事件机制，例如，事件绑定、事件监听、事件委托（事件代理）等。这些名词是什么意思呢，有什么作用呢？

call()、apply()、bind() 都是函数对象的一个方法，它们的作用都是改变函数的调用对象。它的使用极大的简化了代码的调用。

每个函数都会有一个 Arguments 对象实例 arguments，它引用着函数的实参，可以用数组下标的方式”[]” 引用 arguments 的元素。arguments.length 为函数实参个数，arguments.callee 引用函数自身。

作为一个良好的开发者必需考虑程序的运行性能，作用域链的层级关系是 JavaScript 性能优化的一个重要部分。因为这关系到变量在内存里的读写速度。

本文翻译自 how-it-feels-to-learn-javascript-in-2016，从属于笔者的 Web Frontend Introduction And Best Practices: 前端入门与最佳实践系列文章。 最近我女朋友也打算开始学习前端的一些知识，不过她目前的认知水平还停留在 DOM+jQuery 盛行的阶段，正好借翻译这篇文章之机，跟她讲讲 2016 年的前端是个什么状态。

准确地说，我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提多熟了，前端可视化、音乐播放器、能踢足球的无人机，你尽管问吧。我刚去 JS 大会和 React 大会逛了一圈，没有什么新技术是我不知道的。