平时写代码的时候，知道如果导出变量，如何引入变量。可见模块化就在我们的身边，可是为什么前端会引入模块化的概念，以及为什么有同步加载和异步加载呢？ 为什么要模块化在之前的项目中，如果没有模块化的概念，很多变量都有重名或者不小心重新赋值的危险。而且用 script 有可能阻塞 HTML 的下载或者渲 ...

填离职申请的时候，看着上面显示的入职日期，心里不禁感叹，时光荏苒，转眼一年就过去了。这一年，认识了热爱技术的小伙伴，认识了和蔼暖心的遥叔和干总，收获甚多，非常有必要做一个总结。 工作很清晰的记得，是未来和遥叔面的我，也很清晰的记得那些面试题，就这样，顺利拿到了 offer，加入到了沪江这个大家庭， ...

什么是模块

自动运行在严格模式下并且没有办法退出运行的 JavaScript 代码。在模块的顶部， this 的值是 undefined；模块不支持 HTML 代码风格的代码注释。模块仅导入和导出你需要的绑定。

导出

用 export 导出

在平时的代码中，相信大家经常用到 this，可是你真的明白此 this 真的是你认为的 this 吗？今天柚子君总结了一下平时用到的 this 的场景，大家走过路过不要错过啊～

首先咱们先来看一下《JavaScript 高级程序设计》上是怎么说的。

this 对象是在运行时基于函数的执行环境绑定的：在全局函数中，this 等于 windows，而当函数被作为某个对象的方法调用时，this 等于那个对象。

还有一种情况，在《深入理解 ES6》一书中写道:

如果箭头函数被非箭头函数包含，则 this 绑定的是最近一层非箭头函数的 this，且不能通过 call()、apply() 或 bind() 方法来改变 this 的值。

JavaScript的原型是JavaScript中的重要一环，根据网上的一些资料和自己的理解，对原型做一个解释。

今天被问到关于像素的问题，怒补了一下。

retina的原意是视网膜，retina屏就是通过技术把更多的像素点压缩到屏幕里，使肉眼无法识别屏幕上的单个像素。

那么问题来了，如何分辨retina屏呢？

• 原文地址：React Forms: Using Refs
• 原文作者：Loren Stewart
• 译者：萌萌
• 校对者：小 boy

React 提供了两种从 <form> 元素中获取值的标准方法。第一种方法是实现所谓的受控组件 (可以看我博客里发表的文章) ，第二种方法是使用 React 的 ref 属性。

上个月Angular发布了4.0.0版本，少年们，赶快学起来吧，这篇文章带领大家搭建一个简单的Angular应用，会尽量详细的把每个点都解释到。

首先我选择了用webpack2来作为打包工具，选择wenpack2的理由不言而喻。这里假设你已经了解webpack2的一些原理，下面开始来学习吧～

详细代码可以看我的git项目

IcoMoon是一个可以通过个性化设置来创建自定义图标（字体）的免费生成器。
上面有600+的免费海量图标集，还可以按照自己的需求来定制，而且兼容IE6+以及各种手机设备。前端工程师们可以自己来生成图标，快速简单方便。

我们经常遇到的问题有实现 css 垂直居中，一个效果的实现可以有多种方法，了解每一个方法的原理也可以帮我们更快速的定位在我们需要的场景中需要使用哪种方法。接下来我就把我知道的一些方法和在网上总结的一些办法实现一下，俗话说：好记性不如烂笔头。写下来才能记忆深刻。