FCC 成都社区·前端周刊 第 7 期

01. ES2016, 2017, 2018 中的新特性

文章介绍了 18 个 ECMAScript 2016,2017 和 2018 中新增加的特性,这些特性已被加入到 TC39 提案中。包括Array.prototype.includes、Object.values()、Object.entries()、String padding、指数运算符、对象的rest属性和Promise.prototype.finally() 等。

详情:https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e

02. Webpack 4.5.0 发布

Webpack 于 4 月 4 号发布了 4.5.0 版本,除了性能改进、bug 修复外,首次添加了贡献者的 yarn setup 安装脚本。

详情:https://github.com/webpack/webpack/releases

03. 纯 CSS 实现一个太阳系

Jamie Coulter 用纯 CSS 创建了一个非常棒的 demo,它可以让你探索太阳系的行星和卫星,包括各个星球的图片和简要介绍,并带有一些炫酷的效果。

详情:https://codepen.io/jcoulterdesign/pen/ZxXbeP

04. 网页设计中的 10 种排版技巧

网页设计中的 10 种排版技巧:保持最少的字体数量,使用标准字体,限制文本长度,使用在各种屏幕分辨率下可用性良好的字体,使用字母区分度高的字体,避免全英文大写文本,善用空白区域的技巧,增加色彩对比,减少单独红/绿色文本的使用,避免使用闪烁的文字。

详情:https://uxplanet.org/10-tips-on-typography-in-web-design-13a378f4aa0d

05. iOS 11.3 中的 PWA 应用

Apple 在 iOS 11.3 中悄悄增加了对“渐进式 Web 应用”(PWA) 这一系列新技术的基本支持,这意味着现在可以在没有 App Store 批准的情况下在 iOS 上安装应用程序,不过会有一些限制。文章概括了最新发布的 iOS 11.3 对 PWA 的支持情况,以及PWA 应用开发者需要注意的问题。

详情:https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7

06. 第四届 CSS 大会

中国第四届 CSS 开发者大会已于 2018 年 03 月 31 日在厦门成功举办。前端工程师的本质就是做出用户体验更好的产品,不仅仅要考虑的是在交互上的体验,还需要考虑性能的优化,如何为用户节约带宽,如何让用户打开的速度更快。

详情:https://zhuanlan.zhihu.com/p/35278699

07. Node v9.11.0 (Current) 发布

本次发布做了一些常规小调整和功能增强。通过将 ICU 升级到 61.1 改进了对 Unicode 的支持,fs 模块增加了为 ReadStream 和 WriteStream 发送 ready 事件的功能。(从技术上讲,9.11.1已经不在了,但它是一个快速补丁版本,仅用于修复 x64 的非功能 MSI 安装程序。)

详情:https://nodejs.org/en/blog/release/v9.11.0/

08. React 生命周期的正确打开姿势

这张 React 生命周期图来自 React 开发团队核心成员 Dan。Twitter 上的很多人都发现可以从中学到一些有用的东西。React 严格定义了组件的生命周期会经历如下三个过程:挂载过程(Mount),更新过程(Update),卸载过程(Unmount)。

详情:https://twitter.com/dan_abramov

09. Bulma:基于 Flexbox 的 CSS 框架

Bulma 是基于 Flexbox 的开源 CSS 框架,支持浏览器 Chrome、Edge、Firefox、Opera 和 Safari 的最新版本,IE10+ 仅部分支持。Bulma 可支持图标库 Font Awesome 5,此外 Bulma 还有许多衍生项目,例如用于 React 的 Bloomer 和用于 Vue 的Buefy。

详情:https://bulma.io/

10. MVVM 前端数据流框架精讲

本次分享是带大家了解什么是 MVVM,MVVM 的原理,以及近几年产生了哪些演变。同时借 MVVM 这个话题拓展到对各类前端数据流方案的思考,形成对前端数据流整体认知,帮助大家在团队中更好的做技术选型。

详情:https://zhuanlan.zhihu.com/p/35211052

11. Pose:用于 HTML,SVG 和 React 的声明性动画库

当 CSS 的简洁遇上 Popmotion 灵活的强大功能,会碰撞出怎样的火花?本文介绍了 SVG,React 和 CSS 的综合应用,甚至都不需要配置,你就可以非常轻松地制作出声明式和触发式的动画。

详情:https://popmotion.io/pose/

12. 网络错误日志(NEL)

2017 年 12 月 8 日W3C 的 Web 性能工作组(Web Performance Working Group)更新了网络错误日志(Network Error Logging)的工作草案。该文档定义了一个机制,允许 Web 站点声明一个网络错误汇报策略(reporting policy),浏览器等用户代理可以利用这一机制,汇报影响资源正确加载的网络错误。该文档还定义了一个错误报告的标准格式及其在浏览器和 Web 服务器之间的传输机制。

详情:https://dcreager.net/nel/intro/

每周一同步更新到 GitHub, 欢迎 star :)
上一篇:MVC, MVP, MVVM比较以及区别(上)


下一篇:MySQL体系结构与存储引擎