依稀记得2015那年参加线下活动，第一次听说React这个词语，当时的主讲人是郭达峰，他播放了一个关于ember、angular及react的性能对比视频： React.js Conf 2015。那时我主要从事angularjs开发，深知angular在页面复杂时性能问题的疼，看到这个视频的性能对比后瞬间被React折服。现在我们一起再回顾下React~

Promise原理分析二 前面我们分析了Promise的then和catch方法，接下来我们一起来看看reject、resolve、race和all方法的实现。 Note: Promise原理分析一 reject 说明 Promise.reject(reason)方法返回一个被拒绝的Promise对象。 语法 {代码...} 参数 name desc reason 被拒绝的原因。 实现 创建一个新的Promise对象，通过其...

Promise原理分析一 Promise对象用于异步计算。一个Promise对象代表着一个还未完成，但预期将来会完成的操作。 Note: Promise原理分析二 Promise对象有以下几种状态: pending: 初始状态, 既不是 fulfilled 也不是 rejected. fulfilled: 成功的操作. rejected: 失败的操作. pending状态的Promise对象既可转换为带着一个成...

Node.js命令行工具开发 使用Node.js开发命令行工具是开发者应该掌握的一项技能，适当编写命令行工具以提高开发效率。 hello world 老规矩第一个程序为hello world。在工程中新建bin目录，在该目录下创建名为helper的文件，具体内容如下： {代码...} 修改helper文件的权限： {代码...} 执行helper文件，终端将会显示hello...

窗口的resize、scroll，输入框内容校验等操作时，如果这些操作处理函数较为复杂或页面频繁重渲染等操作时，如果事件触发的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少触发的频率，同时又不影响实际效果。

Flux是Facebook用来构建客户端Web应用的一种应用架构体系。它是一种类似MVC的架构，但是它更加简单、清晰，是一种单向数据流的架构设计。

设计师希望页面的图片区域，以宽高为2:1比例且所有图片的等宽和等高的方式展示。小加同学觉得设计师这需求太容易，分分钟搞定，拿到图片后便开始刷刷的撸代码。原型设计稿大致如下:

小加发现实际开发中position使用频率很高,但很多人却对position不是很了解,导致开发中出现各种问题,现在让我门一起来看看这个迷惑的position吧~

设计师说某页面的新闻介绍，由于新闻内容不同导致显示区域的高度不一致，现需要使其高度视觉上保持一致。小加同学觉得必须迅速解决，让设计师妹妹知道我们程序师哥哥的威武。原型设计稿大致如下:

前端规范 在实际开发中，由于团队成员编码习惯不一，技术层次不同，开发前定制并遵循一种代码规范能提高代码质量，增加开发效率。 Javascript Javascript规范直接参考airbnb: ES6 JavaScript Style Guide ES5 JavaScript Style Guide React/JSX Style Guide CSS BEM Block Element Modifier，它是一种前端命名方法，旨在...

还记得一年半前转向后端的那种无助的感觉，独自一人摸黑走路，学习各种前端知识，走了不少弯路，现在终于算是入门了前端～我相信不少人也有我当时同样的无助，所以我在空闲时间整理了下所用到的知识，便编写了一个angularjs + requirejs手脚架，希望能给其他正学习前端的同学一些参考和帮助～