资讯专栏INFORMATION COLUMN

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

NikoManiac / 2261人阅读

摘要:详情发布于月号发布了版本,除了性能改进修复外,首次添加了贡献者的安装脚本。详情中的应用在中悄悄增加了对渐进式应用这一系列新技术的基本支持,这意味着现在可以在没有批准的情况下在上安装应用程序,不过会有一些限制。

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 :)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94066.html

相关文章

  • FCC成都社区·前端周刊 1

    摘要:详情在线是一个简单的在线详情一套前端架构库说不上快速,但其集成了自定义元素可观察对象路由等,是一款轻量级的库。和等都有使用它。详情这是一本涵盖和内容的新书,可在线阅读或付费下载电子书。 01. 2018 JavaScript 测试概览 文章介绍了JavaScript测试的关键术语、测试类型、工具和方法,并简要分析了工具jsdom、Istanbul、Karma、Chai、Wallaby等...

    source 评论0 收藏0
  • FCC成都社区·前端周刊 1

    摘要:详情在线是一个简单的在线详情一套前端架构库说不上快速,但其集成了自定义元素可观察对象路由等,是一款轻量级的库。和等都有使用它。详情这是一本涵盖和内容的新书,可在线阅读或付费下载电子书。 01. 2018 JavaScript 测试概览 文章介绍了JavaScript测试的关键术语、测试类型、工具和方法,并简要分析了工具jsdom、Istanbul、Karma、Chai、Wallaby等...

    keithyau 评论0 收藏0
  • FCC成都社区·前端周刊 1

    摘要:详情在线是一个简单的在线详情一套前端架构库说不上快速,但其集成了自定义元素可观察对象路由等,是一款轻量级的库。和等都有使用它。详情这是一本涵盖和内容的新书,可在线阅读或付费下载电子书。 01. 2018 JavaScript 测试概览 文章介绍了JavaScript测试的关键术语、测试类型、工具和方法,并简要分析了工具jsdom、Istanbul、Karma、Chai、Wallaby等...

    elva 评论0 收藏0
  • FCC 成都社区·前端周刊 7

    摘要:详情发布于月号发布了版本,除了性能改进修复外,首次添加了贡献者的安装脚本。详情中的应用在中悄悄增加了对渐进式应用这一系列新技术的基本支持,这意味着现在可以在没有批准的情况下在上安装应用程序,不过会有一些限制。 01. ES2016, 2017, 2018 中的新特性 文章介绍了 18 个 ECMAScript 2016,2017 和 2018 中新增加的特性,这些特性已被加入到 TC3...

    source 评论0 收藏0

发表评论

0条评论

NikoManiac

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<