年初，公司经历大的变动，整个理财业务线都干掉了，一大批人转岗的转岗、离职的离职。前端技术部这里，人也走了几个，六楼本来 5 个前端，最后只剩下了 3 个。原来的项目也都不做了，开始做的新的项目网易白条。风风火火做了将近一年，现在产品的数字还比较好看，年后就会上公开申请制对外正式开放，前景还是不错的。

原文发表于【抹桥的博客-基于 React 的前端项目开发总结】 技术选型 我们的项目主要选用以下技术开发，再配合一些其它辅助工具。 react react-router redux react-redux 开发及线上环境 开发环境 由于项目是前后端分离的，所以我们需要一套完整的开发环境，需要包括以下功能： 数据 Mock Webpack 实施编译刷新 方便前后...

本文发布于 我的博客 最近对团队内部 React 组件库（ne-rc）中的 Form 组件进行了重构，记录一下思考的过程。 一些前置定义： 名词 定义 表单 Form 组件 子表单 嵌套在 Form 下面的类似 Input, Select 这样的子组件 首先我们看一下，我们的对 Form 组件的需求是什么。 获取当前变动表单的状态 校验所有必填表单是否填写...

原文发布与抹桥的博客-【翻译向】webpack2 指南（下） 缓存（Caching） 为了能够使 webpack 处理后的静态资源能够长期缓存下来，需要： 使用 [chunkhash] 给每一个文件创建基于内容变化的缓存标识 在 HTML 文件中引入文件时使用编译状态来拿到文件名称 在载入资源之前生成 chunk-manifest JSON 文件并写入到 HTML 页面中...

就像之前 理念页面 中解析的细节那样，动态模块替换（HMR）会在应用运行时动态的替换、添加或者删除模块而不用重新刷新页面。 HMR 非常有用，当应用只有一个状态树（single state tree）时。

代码分割是 webpack 中最引人注目的功能之一。它允许你把代码分割成各种可以根据需求载入的代码包，就像一个用户浏览器去匹配路由一样，或者一个用户发出的事件。这允许你小的模块，允许你控制资源的载入优先级，如果使用得当的话，可以大大影响（降低）你应用的加载时间。

我们都知道 JavaScript 是一门基于原型的语言。当我们调用一个对象本身没有的属性时，JavaScript 就会从对象的原型对象上去找该属性，如果原型上也没有该属性，那就去找原型的原型，一直找原型链的末端也就是 Object.prototype 的原型 null。这种属性查找的方式我们称之为原型链。

公司 Pc 端以前遗留的项目，都是基于 jekyll+ruby-sass 这一套比较老的技术搭建的。不过 jekyll 的模版继承加上 sass 强大预处理能力，同时配合 Grunt 做任务管理，一切还是很得心应手的。