Vue 响应式原理 当您把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 方法把这些 property 全部转为 getter/setter。Vue 响应式原理的核心就是 使用defineProperty“劫持”要响应的数据。Vue 面试时这个问题几乎必问。今天我们就来谈谈 Object.defineProperty 方法。

处理富文本回车换行 上一篇文章，我们通过一个富文本组件并为其自定义了 v-module，使其像表单元素一样支持双向数据绑定。但还有不小问题。比如输入回车换行，会在文本上包裹 html 标签。Chrome 中渲染为 div，IE中 渲染为 p，Firefox中 渲染为 br。当然这些附加的标签在浏览器中显示是 Ok 的，但有的终端是不支持 html 标签的，因此得转换它们。

自定义 Three.js Webpack 模板 Three.js 是基于原生 WebGL 封装运行的三维引擎，在所有 WebGL 引擎中，Three.js 是国内文资料最多 . 使用最广泛的三维引擎。不过我发现绝大多数资料的示例都是用的 CDN 方式引入的。CDN 的方式写代码无法触发 IDE 的代码提示，写起来好痛苦。于是我抽时间写了一个 Three.js Webpack 模板，现在你可以使用 npm 的方式在 Three.js 中使用 ed6 的语法。

自定义富文本的 v-model 最近在做一个富文本编辑器的项目，是以前彩信编辑器的升级，加入了一些拖拽，音视频图片编辑功能，该项目要求三个类似的编辑器同事开发，代码复用和管理都比较有挑战。其中富文本要支持插入动态参数，它的编辑是一个难点。为此我特意花了时间做了技术调研。

React 电商项目 本项目需求功能Vue shop 相同，后端 API 也是一样的，使用的是 React 三件套：React、React Router 和 Redux。先对比一下最终效果吧，b本文主要就这两个项目说一说 React 与 Vue 的区别。