作为 DOM 的抽象，React 自然也遵循了著名的抽象漏洞定理（详见2016-我的前端之路:工具化与工程化），引入 React 导致了在应用本身的性能消耗之外势必会增加额外的性能损耗。Dan Abramov 在 Twitter 上提到，React 并不能保证性能优于原生的 DOM 实现，但是它能够帮助大量的普通开发者构建大型应用的同时不必在初期就耗...

某熊周刊:一周推荐外文技术资料（1.3）从属于某熊周刊:一周推荐外文技术资料是笔者每周浏览外文技术网站中时发现的不错的文章/项目/书籍/教程的集锦，可以关注笔者的专栏某熊的全栈之路及时获取更新。资讯来源包括但不限于Medium、Twitter、Google Plus、Reddit、Hacker News、DZone、Github Trending。另外，周刊中的技...

最近我在构建一个基于 React 的单页应用，当我用Google TestMySite来检测自己的站点时，它的反馈是加载时间过长，因此我开始考虑如何优化初次下载的包体大小。优化应用包体的第一步就是检视当前的包体组成，判断其中哪些依赖时必须的，我们在 Webpack 的回显中可以看到当前的包体大小：

Java 进阶面试问题列表翻译自Java developer interview questions: The hard part，从属于笔者的Java入门与工程实践系列。最近公司打算招几个 Java 开发人员，正巧在 Reddit 上看到了该文，顺手翻译了一波。只是单纯的问题列表，可能较水，慎进。

JavaScript For 循环的函数式改造翻译自Rethinking JavaScript: Death of the For Loop。前两天笔者整理了一篇JavaScript 函数式编程导论，笔者个人不是很喜欢彻底的函数式编程化，在复杂逻辑处理与性能上可能都存在部分问题。不过借鉴函数式编程的思想去改造部分代码片以提高其可读性与可测试性还是蛮有好处的，此篇文...

Chrome中自动填充的危险性浅析从属于笔者的网络信息安全攻防实战。笔者最早是在 Github 上看到了有关利用自动填充窃取数据的 POC ，本文是对于自动填充机制及其危险性的分析，参考了Why Chrome’s autocomplete is insecure and how you can turn it off与Autofill: What web devs should know, but don’t。更多参考Web ...

在代码中调用setState函数之后，React 会将传入的参数对象与组件当前的状态合并，然后触发所谓的调和过程（Reconciliation）。经过调和过程，React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个UI界面。在 React 得到元素树之后，React 会自动计算出新的树与老树的节点差异，然后根据差异对界...

本文从属于某熊周刊:一周推荐外文技术资料是笔者每周浏览外文技术网站中时发现的不错的文章/项目/书籍/教程的集锦，可以关注笔者的专栏某熊的全栈之路及时获取更新。资讯来源包括但不限于Medium、Twitter、Google Plus、Reddit、Hacker News、DZone、Github Trending。另外，周刊中的技术知识框架图参照笔者的2016:我的...

2017 Vue.js 2快速入门指南翻译自Vue.js 2 Quickstart Tutorial 2017从属于Web 前端入门与工程实践。Vue与React都是非常优秀的前端界面辅助库，笔者在工作中使用React会多一点，不过在学习Vue的过程中也得到了很多启发。Vue和React在功能的完备、社区的活跃与性能的比较上笔者觉得毋庸多言，不过从笔者个人来看觉得二者...

JavaScript 函数式编程导论从属于笔者的Web 前端入门与工程实践。本文很多地方是讲解函数式编程的优势，就笔者个人而言是认可函数式编程具有一定的好处，但是不推崇彻底的函数式编程化，特别是对于复杂应用逻辑的开发。笔者在应用的状态管理工具中就更倾向于使用MobX而不是Redux，详见2016-我的前端之路:工具化与工程化。

我们在上文中提及，为了提高性能React将setState设置为批次更新，即是异步操作函数，并不能以顺序控制流的方式设置某些事件，我们也不能依赖于this.state来计算未来状态。典型的譬如我们希望在从服务端抓取数据并且渲染到界面之后，再隐藏加载进度条或者外部加载提示：

Scikit-Learn 备忘录整理自Scikit_Learn_Cheat_Sheet_Python，归属于笔者的程序猿的数据科学与机器学习实战手册，前置阅读 Python语法速览与机器学习开发环境搭建。 Scikit-Learn Scikit-learn是开源的Python机器学习库，提供了数据预处理、交叉验证、算法与可视化算法等一系列接口。 Basic Example:基本用例 {代码...} ...

很多开发者都会推崇Robert C. Martin的Clean Code一书中提及的软件工程准则，本文就是对于这些准则在JavaScript开发领域中的实践应用总结。本文并不仅仅是样式指南，而是对于如何编写出基于JavaScript实现的高可读性、高可用性以及可重构的软件系统。虽然本文对比的讲了很多好坏的实践，但并不是说本文就建议大家强制遵...

本文从属于某熊周刊:一周推荐外文技术资料是笔者每周浏览外文技术网站中时发现的不错的文章/项目/书籍/教程的集锦，可以关注笔者的专栏某熊的全栈之路及时获取更新。资讯来源包括但不限于Medium、Twitter、Google Plus、Reddit、Hacker News、DZone、Github Trending。另外，周刊中的技术知识框架图参照笔者的2016:我的...

随着微服务架构的流行，貌似我们已经聊了很多关于现在的API的设计与规范，不过能够畅想的未来的API又是怎样的模式呢？首先，我们需要回顾下API的过去与现在。

2017值得一瞥的JavaScript相关技术趋势从属于笔者的Web 前端入门与工程实践，推荐阅读2016-我的前端之路:工具化与工程化获得更多关于2016年前端总结。本文主要内容翻译自，笔者对于每个条目进行了些许完善。本文中提及的这些趋势可能离大部分开发者还很远，或者说离真正的大规模工程化应用还很远，不过不妨碍我们提前两...

某熊周刊:一周推荐外文技术资料是笔者每周浏览外文技术网站中时发现的不错的文章/项目/书籍/教程的集锦，可以关注笔者的专栏某熊的全栈之路及时获取更新。资讯来源包括但不限于Medium、Twitter、Google Plus、Reddit、Hacker News、DZone、Github Trending。另外，周刊中的技术知识框架图参照笔者的2016:我的编程知识体...

概率论是机器学习中的重要角色，那么何谓概率？我们在小学里就听老师讲过抛硬币时正面朝上的概率为0.5，这句话又代表着何含义呢？对于概率的理解往往有两种不同的方式，其一是所谓的频率论解释（Frequentist Interpretation）。这种观点中，概率代表着某个事件在较长范围内的出现频次。譬如这里的抛硬币问题可以阐述为，...

Chunks是Webpack的基本概念之一，最直观的概念是在多入口配置中，诶个单独的入口会生成单独的Chunk。而在添加额外的插件配置之后，Webpack会输出譬如独立的CSS包体这样独立的块。Webpack内置有如三种类型的Chunk：

近年来，随着浏览器性能的提升与移动互联网浪潮的汹涌而来，Web前端开发进入了高歌猛进，日新月异的时代。这是最好的时代，我们永远在前行，这也是最坏的时代，无数的前端开发框架、技术体系争妍斗艳，让开发者们陷入困惑，乃至于无所适从。Web前端开发可以追溯于1991年蒂姆·伯纳斯-李公开提及HTML描述，而后1999年W3C发...

本文是笔者在使用Webpack的过程中总结的一系列建议与技巧，不过需要注意的是这些小技巧都是关于Webpack 1的。Webpack 2与Webpack 1相比其API发生了较大变化，本文提及的不少技巧可能在Webpack 2并不能起作用。如果你想了解从Webpack 1迁移到Webpack 2的详细教程，可以参考这里，另外可以参考笔者的基于Webpack 2的模板 W...

Python 是一门高阶、动态类型的多范式编程语言。人生苦短，请用Python，大量功能强大的语法糖的同时让很多时候Python代码看上去有点像伪代码。譬如我们用Python实现的简易的快排相较于Java会显得很短小精悍:

[Nginx基本配置备忘]()从属于笔者的服务端应用程序入门与实践，更多知识体系参阅2016:我的技术体系结构图:Web/ServerSideApplication/MachineLearning。 Nginx 配置 在了解具体的Nginx配置项之前我们需要对于Nginx配置文件的构成有所概念，一般来说，Nginx配置文件会由如下几个部分构成： {代码...} 在上述配置中我们可...

某熊周刊系列:一周推荐外文技术资料是笔者每周浏览外文技术网站中时发现的不错的文章/项目/书籍/教程的集锦，可以关注笔者的专栏某熊的全栈之路及时获取更新。资讯来源包括但不限于Medium、Twitter、Google Plus、Reddit、Hacker News、DZone、Github Trending。另外，周刊中的技术知识框架图参照笔者的2016:我的编程知...

去年年底，笔者发表了一篇我的编程之路——知识管理与知识体系，是我那时对于技术体系的认知。在即将过去的2016年中我参与到了更多的实践当中，特别是在Web前端开发领域更深入了几分。触类旁通，举一反三，在整个软件编程体系内的各个知识都可以相互印证。技术分为术与道两者，术即是具体的做事的方法，而道则是做事的逻辑...

梯度即是某个函数的偏导数，其允许输入多个向量然后输出单个值，某个典型的函数即是神经网络中的损失函数。梯度会显示出随着变量输入的增加输出值增加的方向，换言之，如果我们要降低损失值则反梯度逆向前行即可。

JavaScript的繁荣促生了很多优秀的技术、框架与工具库，这空前的繁荣也给很多人造成了困惑，无所适从。到底何者是值得投入，代表了未来的方向，而何者又是真正适合于当前项目，当前团队的？而本文即时作者基于自身实践的一些思考，与诸君共享。

前几日偶然接到某出版社编辑大大的私信，邀约看看能否整理出版一本前端方面的书籍，笔者再三确定即使一本卖不出去（虽然自己肯定会买至少一本，或者多买些屯着代替那啥）也不会被打死之后着手准备大纲具体的章节。笔者还是很惶恐的，毕竟自己的水自己知道。本文是为书准备的大纲，不过也是笔者心目中的现代前端开发者学...

前端项目中，特别是移动环境下，我们特别关心用户的加载速度。加载速度的限制一个是并发链接数，受限于HTTP 1.1协议，浏览器的并发连接数存在一定限制，不过我们可以利用Webpack等模块打包工具将模块打包到一个文件中（如这里推荐笔者的Webpack2 React Redux Boilerplate）。此时就会面临另一个问题，首屏加载时候包体过...

2016年前端开发者深度调研，看看别人使用什么技术体系翻译自The State of Front-End Tooling 2016 - Results。本文从属于笔者的Web 前端入门与最佳实践，如果你希望了解更多关于本文提及的各种框架库的信息，可以参考笔者的Web前端从入门菜鸟到实践老司机所需要的资料与指南合集。