前端一般说到证书，大部分情况下指的是 HTTPS 证书，本文我们会介绍证书的相关知识及原理，以及 HTTPS 的工作过程。

Vue.nextTick

虽然 Vue 建议避免直接操作 DOM，但在业务开发中，有时候不得不在数据变化之后操作 DOM，然而我们知道 Vue 默认是异步执行 DOM 更新，数据变化之后所有需要更新的 Watcher 会被推入一个队列，然后，在下一个的事件循环 “tick” 中，Vue 刷新队列并执行更新。那如果我想在数据变化之后操作 DOM 该如何做呢？Vue 提供了 nextTick 方法。

本文基于 Vue.js 2.1.10

Vue 2.0 中模板渲染与 Vue 1.0 完全不同，1.0 中采用的 DocumentFragment，而 2.0 中借鉴 React 的 Virtual DOM。基于 Virtual DOM，2.0 还可以支持服务端渲染（SSR），也支持 JSX 语法（改良版的 render function）。

基础概念

在开始阅读源码之前，先了解一些必备的基础概念：AST 数据结构，VNode 数据结构，createElement 的问题，render function。

基础概念

要了解 JavaScript 继承，需要先弄明白相关的4 个概念，3 个关系，3 个属性以及 1 个操作符。

本文基于 Vue.js 2.1.10

基础知识

在讲源码之前，我们了解一些阅读源码过程中必备的基础知识：Object.defineProperty，观察者模式，Watcher，Dep 以及 Observer 类。

正真理解 JavaScript 中的原型模式是掌握 JavaScript 基础的关键。原型模式是 JavaScript 实现面向对象和继承的基础。而原型中的 __proto__ 与 prototype 又是理解原型模式的关键。

本文用代码结合图片的方式梳理一下 __proto__ 和 prototype 之间的区别和关系。

JavaScript 是所有现代浏览器的官方语言。因此，各种语言的开发者面试中都会遇到 JavaScript 问题。

本文不讲最新的 JavaScript 库，通用开发实践，或任何新的 ES6 函数。而是讲讲面试中经常出现的 3 个 JavaScript 问题。我问过这些问题，我的朋友说他们也问。

推动 Web 发展

我们——已签署这份协议的人——想要改变 Web 标准委员会新增新特性以及给他们排优先级的方式。我们认为这对 Web 的长期健康发展来说至关重要。

我们的目标是缩小 Web 标准与 Web 开发者之间的反馈环路。

买不到智能镜就自己做一个

去年年底某个时候，我觉得浴室里的镜子得像电影里未来世界中长的那样。

但似乎市场上没有人卖我想要的这种镜子。然而，组成镜子的每个零部件都很常见。最近也有很多人做了类似的自制智能浴室镜，但我想象中的与这些有些不同。

我的网站现在是响应式的。与弹性图片、弹性布局和媒体查询一起工作的越久，我对取得的成果评价就越高。

在为 Do Lectures website 网站做重新设计时，我对“响应式方案是否应该与设计以及 Paravel 的工作流（Paravel 是作者所在的公司，一家位于德克萨斯州奥斯汀的网页设计公司。—— 译者注）保持一致”的所有认知被全部颠覆了。我们不必大改整个流程，还可以控制预算，还能保证网站结构从台式电脑到移动设备都保持完好。由于在这个项目获取的积极意义的经验，我决定把我学到的以及关于本网站形成的观点写一篇文章。