我的2017是忙碌的一年，从年初备战实习春招，年三十都在死磕JDK源码，三月份经历了阿里五次面试，四月顺利收到实习offer。然后五月怀着忐忑的心情开始了蚂蚁金服的实习。八月，又经历了两轮面试，总算拿到转正offer。到此为止，我总算可以尽情地享受最后的校园时光了...

初衷：网上已有很多关于 MobX 源码解读的文章，但大多阅读成本甚高。本人在找文章时对此深有体会，故将以系列故事的方式展现源码逻辑，尽可能以易懂的方式讲解 MobX 源码；

腾讯一面，相比阿里一面来说，腾讯一面先给打电话预定时间，这也给了我们这些面试者去准备的时间。但是也正是因为这种确定性，也有在等待电话的时候的心情的忐忑。

Handle javascript data structures with map/reduce 看完本文，希望可以写出更加漂亮、简洁、函数式的代码? reduce reduce 可以用来汇总数据 {代码...} 把一个对象数组变成一个以数组中各个对象的 id 为属性名，对象本身为属性值的对象。haoduoshipin {代码...} map...

React因为他的性能而著名。因为他有一个虚拟DOM层并且只有在需要时才更新真实DOM。即使是同样地信息这也比一直直接更新DOM要快很多。但是，React的智能仅此而已（目前为止），我们的任务是知道React的预期行为以及限制，这样我们才不会意外损失性能。

在React16中，虽然也是通过JSX编译得到一个虚拟DOM对象，但对这些虚拟DOM对象的再加工则是经过翻天覆地的变化。我们需要追根溯底，看它是怎么一步步转换过来的。我们先不看什么组件render，先找到ReactDOM.render。在ReactDOM的源码里，有三个类似的东西：

React 中组件有自己的生命周期方法，简单理解可以为组件从 出生（实例化） -> 激活 -> 销毁 生命周期 hook。通过这些 hook 方法可以自定义组件的特性。 除此之外，还可以设置一些额外的规格配置。

本篇文章的主题，用 Node.js 搭一个服务，来看看 Cookie 的实际应用场景 环境配置 我们新建一个文件 main.js，并在 main.js 写入以下代码： {代码...} {代码...} Cookie 是怎样工作的 在介绍 Cookie 是什么之前，我们来看看 Cookie 是如何工作的： {代码...} 验证 我...

模式是一种规律或者说有效的方法，所以掌握某一种实践总结出来的模式是快速学习和积累的较好方法，模式的对错需要自己去把握，但是只有量的积累才会发生质的改变，多思考总是好的。(下面的代码实例更多是 React 类似的伪代码，不一定能够执行，函数类似的玩意更容易...

最近面试季，有不少同学在面试前端的时候遇到一些问题来问我的的时候，才发现之前博客里面介绍的关于前端架构有些东西没有说清楚，特别是关于如何使用事件巧妙地进行模块的解耦。特意写这篇博客详细说一下。

断断续续想了一个多星期, 想不下去了, 索性写成文章看看对别人是否有用吧.中间有好多我不知道怎么解决的问题, 工具链不成熟, 特别是个人能力不够.问题是, 下一代的前端框架的是怎样的, 我如何实现出来?我原来在想 Facebook 搞 ReasonML 了, 新语言很重要, 那么我应该...

原文 高阶函数 在javascript中高阶函数实际上就是控制函数的函数，有别于普通函数传递变量，高阶函数传递的是函数，并且输出函数 这对于js初学者来说足够烧脑，也足够惊艳。初识时常常会被被震撼了，原来函数还可以这么用 {代码...} 这是《JavaScript设计模式与开发...

最近常有学习React相关的技术，写了几个React的小Demo，使用 React/Express 技术栈。实在太小，羞于拿出来细说。React 的确是一个值得追随的技术。但React体系实在庞大，我目前仅略知一二。这里要挑出来说的，是React的生命周期机制。Demo的学习过程中，对它的方便、...

博客地址：[链接]

在开始讲述高阶组件前，我们先来回顾高阶函数的定义：接收函数作为输入，或者输出另一个函数的一类函数，被称作高阶函数。对于高阶组件，它描述的便是接受React组件作为输入，输出一个新的React组件的组件。

在本小节里，我们将从Image仓库里拉取并运行Nginx，尝试下将本地文件和container文件相映射，Nginx相比hello-world多了些启动参数，我们将逐个攻破。

Docker从哪儿下载？ 由于我们访问Docker官网一般情况下会非常慢，所以我们不得不把目光投向国内的镜像站，还好，DaoCloud为我们扫清了一系列障碍，点击前往。 你只需要以下步骤： 注册一个DaoCloud账号 进入下载页面，根据自己的系统下载合适的镜像包 安装完成后配置...

将自己的浏览器升级到最新版本 要有功能是部分支持的概念，可以在www.caniuse.com查看目前es6功能到底那些浏览器支持 学习下babel，非常简单，而且可以监察你的文件，自动翻译，只需要在HTML中引入你翻译后的文件就可以。

react router官方文档里提到了 如果前端路由的话 后端只需要对相应的路径返回HTML文件就可以了 你可以试试