转载

6 月技术文章精选

消息队列设计精要

设计消息队列的整体思路是先 build 一个整体的数据流,例如 producer 发送给 broker, broker 发送给 consumer, consumer 回复消费确认，broker 删除/备份消息等

带你轻松打开SVG动画的大门

如今SVG已经在前端各个领域都有所作为，无论是项目里的应用还是demo都到处可见，这篇文章用一个实例的写法带大家轻松的打开SVG动画的大门，简单易懂

JavaScript 节流函数 Throttle 详解

在浏览器 DOM 事件里面，有一些事件会随着用户的操作不间断触发，也就是说用户在触发这些浏览器操作的时候，如果脚本里面绑定了对应的事件处理方法，这个方法就不停的触发。这并不是我们想要的，往往我们需要添加延迟执行逻辑，这是一个界面开发中常用的技巧

100个弹框设计小结

这篇文章对弹框尺寸的规定（一般控制在620px高以内），使用场景（新手引导、选择器、任务、提示）和易忽略的细节（抖动、弹框上再弹框、蒙版设计）做了一个总结，很有参考意义

JavaScript 生态圈现状：初学者地图

前端技术五花八门，作为一名刚入行的前端开发人员，可能很容易混淆一些工具和术语，这篇文章对 JavaScript 生态圈现状做了一个介绍，了解它们能够让你找准方向，针对性学习

深入理解Node.js：核心思想与源码分析

本书通过分析 node 核心模块的实现，向读者阐述 node 异步 IO，事件循环的核心思想。帮助开发者更好的使用 Node.js。通过追溯 node 社区开发issue, 探讨 node 的变迁和演进，学习 node.js 的设计哲学

如何十倍提升你的 webpack 构建效率

对于 Resolve，减小 Webpack 覆盖的范围（使用 Resolve.root 而非 Resolove.moduledirectories ）；对于 Loaders，使用 exclude 或 include 限制 loader 的作用范围；对于 Plugins，设置合适的 Plugin 参数，尽量少用严重影响性能的 Plugin，使用 DLLPlugin 对不会改变的第三方 npm 包打包；另外，可以设置直接从内存中读取构建好的内容而不是输出到文件

Reactjs - Speed up Server Side Rendering

推荐使用的四个技巧：使用生产模式；使用压缩版本的 React；使用 Babel 转换插件；避免使用 createClass，使用 ES6 class 代替。可选的两个技巧：使用 react-dom-stream；使用组件层次的缓存。

学习React Native必看的几个开源项目(第一波)

学习React Native必看的几个开源项目(第二波)

想用 React Native 写 APP 却无从下手？不妨看看别人怎么写

原文 http://huangtengfei.com/2016/07/collection-of-june/

正文到此结束