阿里云前端周刊 - 第 27 期

推荐

1. Facebook 宣布重置 React,Jest,Flow 与 Immutable.js 的开源证书

https://code.facebook.com/posts/300798627056246

自宣布保留 React 等开源项目附带专利要求的开源协议之后,社区反馈了极大的不满与怀疑,包括 WordPress 在内的许多开源项目也宣布即将切换技术栈;鉴于此,Facebook 宣布将在下周统一地重置 React,Jest,Flow,Immutable.js 为 MIT 开源协议。亡羊补牢,为时未晚,希望 React 整个社区能够继续蓬勃发展。

2. JavaScript 完整编年史

https://closebrace.com/articles/2017-09-11/a-brief-incomplete-history-of-javascript

JavaScript 在近几年取得了长足的发展,其语法特性与实践技巧都在不断地迭代更新;本文则是对于自面世以来的 JavaScript 发展历史进行了盘点 ,对于每个时代面临的问题、创新与发展以及主流的浏览器技术进行了介绍。本文将 JavaScript 的发展历史分为了解决基础 DOM 操作与用户交互的原始时代、解决跨浏览器支持度的 jQuery 时代、SPA 时代与现代这几个区间

3. 编写无障碍网页的 CSS

https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939

本文是作者在多年提高网页的无障碍性方面的实践分享,侧重于如何编写合适的 CSS 以提高网页的无障碍性与可用性。本文依次介绍了从清晰的文本到高可读性文本、慎用伪元素内容、屏幕并非唯一的媒介、属性值兼容、多种内容隐藏方式等内容;更多 JavaScript 相关资料参考这里。

其它

1. 一次前后端分离的实践

https://mp.weixin.qq.com/s/Kwq6Eej8EMYzTcQgIKG2WQ

前后端分离的问题,不仅仅是技术上的选型问题,还涉及到整个团队在认知、职责、流程上面重新定义的问题,这也是为什么前后端分离概念看起来简单易懂,但真正团队在落地的时候,一不小心,往往鸡飞狗跳,甚至最终放弃"治疗"。本文是作者基于自己之前的对一个团队前后端分离改造的实践经历,介绍一下如何打造一个前后端分离的技术团队。

2. 类型与否:量化 JavaScript 中可检测的错误

https://blog.acolyer.org/2017/09/19/to-type-or-not-to-type-quantifying-detectable-bugs-in-javascript/

在团队的技术选型时我们常常会考虑是否需要引入静态类型检测,是否应该使用 Flow 或者 TypeScript 这样的工具,是否能够有效地辅助发现问题。本文则是以问答的形式给出了作者的答案,本文首先讨论了静态类型与动态类型各自的优劣,给出了常见的 JavaScript 动态类型导致的问题示例,然后通过自身所在团队的实践分享了引入静态类型之后捕获的错误数量。

3. 构建简单的类 React 框架

https://hackernoon.com/build-your-own-react-48edb8ed350d

本文中作者会循序渐进地介绍如何自己构建简单的类 React 框架。作者首先讨论了 React 与 Angular 各自设计思想理念的对比,然后介绍了 DOM 树的表示以及 JSX 解析函数的实现,接下来讨论了组件类的实现与 Props、State 属性的支持,最后还简述了 React Stack 与 Fiber 调和算法。

4. 从 React 到 React Fiber

http://insights.thoughtworks.cn/react-fiber/

React Fiber 采用的调度策略让开发者对 React 应用有了更细节的控制。开发者可以通过控制不同类型任务的优先级,提高用户体验和整个应用程序的灵活性。
React JavaScript

5. 如何管理好 10 万行代码的前端单页面应用

https://juejin.im/post/59cb0d0b5188257e876a2d27

作者所在前端团队负责多个数据相关的 PC Web 单页面应用程序,业务复杂度类比 Excel 等桌面应用。这篇文章分享了作者在前端通用架构方面的经验。

6. 界面中的视觉差

http://www.zcool.com.cn/article/ZNTYyNDUy.html

我们的眼睛经常对我们撒谎。但是如果你知道人类视觉感官的特殊性,就可以创造出更合适和清爽的设计。

上一篇:使用 Dawn 构建 React 项目


下一篇:如何删除除(内部属性)和javascript之外的所有常规html标签?