前端精读周刊

继 精读《请停止 css-in-js 的行为》 这篇文章之后，我们又读了一篇抵制 css-in-js 的文章，虽然大部分观点都有道理，但部分存在可商榷之处，让我们分析一下这篇文章，了解 css 还做了哪些努力，以及 css-in-js 会如何发展。 作者认为，模块化 jsx 让…

制定 Web 标准的行业组织 W3C 发表了加密媒体扩展（Encrypted Media Extensions，EME）的推荐规格，使得受争议的 HTML5 DRM 成为 Web 的正式标准。W3C 的新闻稿称，“EME 是一个应用编程接口（API），允许无插件播放 Web 浏…

本期精读的文章是：null >= 0?1 引言你是如何看待 null >= 0 为 true 这个结果的呢？要么选择勉强接受，要么跟着我一探究竟吧。2 内容概要大于判断javascript 在判断 a > b 时，记住下面 21 步判断法：调用 b 的 ToP…

本期精读的文章是：API设计原则1 引言优秀的 API 之于代码，就如良好内涵对于每个人。好的 API 不但利于使用者理解，开发时也会事半功倍，后期维护更是顺风顺水。一个骨灰级资深的同事跟我说过，任何在成长的代码库，至少半年到一年就要重构一次，否则失去…

本期精读的文章是：V8 引擎特性带来的的 JS 性能变化1 引言定时刷新一下对 js 的三观，防止经验变成坑。（对IE等浏览器的三观需保持不变）2 内容概要try catch 对性能的影响忽略不计try catch 非常有用，特别在 node 端更是一个常规操作。前端框架也越来…

本期精读我们选择了一篇文章《Web fonts: when you need them, when you don’t》，让我们来聊一聊Web Fonts，文章地址：https://hackernoon.com/web-fonts-when-you-need-them-when…

本期精读我们选择了一篇文章《Web fonts: when you need them, when you don’t》，让我们来聊一聊Web Fonts，文章地址：https://hackernoon.com/web-fonts-when-you-need-them-when…

本期精读文章： Functional setState is the future of React1 引言众所周知，React 组件中的 this.state 和 this.props 存在异步模式更新的情况，我们是没办法直接用他们的值计算下一个 state。出于性能方面的考…

本期精读的文章是：The-Best-Frontend-JavaScript-Interview-Questions讨论前端面试哪些问题，以及如何面试。1 引言又到了招聘的季节，如何为自己的团队找到真正优秀的人才？问哪些问题更合适？我们简单总结一把。2 内容概要The-Best-…

1. 摘要日期选择器作为基础组件重要不可或缺的一员，大家已经快习惯它一成不变的样子，输入框+日期选择弹出层。但到业务中，这种墨守成规的样子真的能百分百契合业务需求吗。这篇文章从多个网站的日期选择场景出发，企图归纳出日期选择器的最佳实践。这篇文…

本期精读文章是：How to safely use react context1 引言在 React 源码中，context 始终存在，却在 React 0.14 的官方文档中才有所体现。在目前最新的官方文档中，仍不建议使用 context，也表明 context 是一个实验性…

本期精读文章 CSS Animations vs Web Animations API | CSS-Tricks 译文地址 CSS Animation 与 Web Animation API 之争1. 引言前端是一个很神奇的工种，一个合格的前端至少要熟练的使用 3 个技能，ht…

本期精读文章是：TC39, ECMAScript, and the Future of JavaScript1 引言觉得 es6 es7 动不动就加新特性很烦？提案的讨论已经放开了，每个人都可以做 js 的主人，赶快与我一起了解下有哪些特性在日程中！2 内容概要TC39是什么？…

本期精读文章是：The DCI Architecture1 引言随着前端ES6 ES7 的一路前行， 我们大前端借鉴和引进了各种其他编程语言中的概念、特性、模式; 我们可以使用函数式Functional编程设计，可以使用面向对象OOP的设计，可以使用面向接口的思想，也可以使用A…

1 引言javascript 的 this 是个头痛的话题，本期精读的文章更是引出了一个观点，避免使用 this。我们来看看是否有道理。本期精读的文章是：classes-complexity-and-functional-programming2 内容概要javascript …

高阶组件（ higher-order component ，HOC ）是 React 中复用组件逻辑的一种进阶技巧。它本身并不是 React 的 API，而是一种 React 组件设计理念，众多的 React 库已经证明了它的价值，例如耳熟能详的 react-redux。

本期精读的文章是：debugging-tips-tricks编码只是开发过程中的一小部分，为了使我们工作更加高效，我们必须学会调试，并擅长调试。1 引言梵高这幅画远景漆黑一片，近景的咖啡店色彩却反差很大，他只是望着黑夜中温暖的咖啡馆，交织着矛盾与孤独。代码不可…

本期精读的文章是：The broken promise of Web Components以及对这篇文章的回应: Regarding the broken promise of Web Components1 引言我为什么要选这篇文章呢？就在前几天的 Google I/O 20…

本期精读的文章是：Immutable 结构共享是如何实现的鉴于 mobx-state-tree 的发布，实现了 mutable 到 immutable 数据的自由转换，将 mobx 写法的数据流，无缝接入 redux 生态，或继续使用 mobx 生态。这是将事务性，可追溯性与依…

本期精读的文章是一个组合：一篇是 Gianluca Guarini 写的 《Things nobody will tell you about React.js》，我将它译作 《那些入坑 React 前没有人会提醒你的事》，因为作者行文中明显带着对 React 的批判和失望。另…