BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

前端每周清单第 8 期:React 16 即将发布,微软发布跨平台开发框架 ReactXP,Twitter Lite 的构建之道

| 作者 王下邀月熊 关注 33 他的粉丝 发布于 2017年6月1日. 估计阅读时间: 13 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

前端每周清单专注前端领域内容,分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。关注【前端之巅】微信公众号(ID:frontshow),及时获取前端每周清单。

新闻热点

国内国外,前端最新动态

开发教程

步步为营,掌握基础技能

工程实践

立足实践,提示实际水平

  • 《如何构建高性能 Promise 库》:本文作者分享了他在构建类似于 Bluebird 的 符合 Promise A+ 标准的库 Aigle 时的经验,其主要原则包括避免创建比不必要的变量、函数与实例、避免执行不必要的函数、智能处理异步函数等等。(https://parg.co/bhz )
  • 《使用 JavaScript 打造智能咖啡机》:这几年智能家居与 IOT 的概念非常火热,作者也发挥极客精神改造了一下办公室的咖啡机。文中作者借助了 Tessel 与 Johnny-Five 智能硬件平台,自定义了超文本咖啡机控制协议 HTCPCP,将咖啡机改造为了能够提供类 REST 服务的终端,能够远程控制与实时监控。
  • 《使用 Chrome devtools 检视代码覆盖》:近日 Chrome Canary 版本中新增了执行代码覆盖率检查的特性,其能够反映你的 Web 应用中的每个 JavaScript/CSS 文件中的代码覆盖率以及所有的未被执行的行。
  • 《Webpack 与 Rollup:求同存异》:近日,Facebook 宣布将 React 的构建工具由 Rollup 迁移到 Webpack,引发了很多开发者的讨论。本文则是深度介绍 Webpack 与 Rollup 的异同,最后总结而言,Webpack 适合于构建应用,而 Rollup 适用于构建库或框架。( https://parg.co/b4y )
  • 《探索 Twitter Lite 的构建之道》:近日,Twitter 发布了遵从 Progressive Web App 规范的 Twitter Lite 网站,其兼具响应式、速度快、占用空间少、支持推送与离线体验等多个特征。本文即是 Twitter 工程师团队介绍 Twitter Lite 的构建之道,包括架构总览、可用性保证、渐进式加载、渲染优化、数据使用优化等多个方面 。(https://parg.co/b4X )
  • 《深入浅出 Redux 测试》:本文首先介绍了 Web 测试的基本流程,分析了单元测试、组件测试、UI 自动化测试与端到端测试的特点与适用范围;然后使用某个具体的业务逻辑测试的案例来介绍项目开发中的 Redux 代码测试实践。( https://parg.co/b41 )

深度阅读

深度思考,升华开发智慧( https://parg.co/bhT ) 

  • 《JavaScript 模块演化史》:当初 Brendan Eich 草创 JavaScript 之际估计想不到它会在之后的二十年内起到如此重要的作用,本文则是深度回顾了缺乏模块化带来的困难以及这二十年间从命名空间、依赖注入、CommonJS、AMD、UMD 到 ES2015 Modules 等等十余种不同的模块解决方案。( https://parg.co/bhn ) 
  • 《rems 与 ems 详解,或许你并不需要它们》:本文对于现代 Web 开发中常见的 em 与 rem 单位在桌面浏览器中的开发进行了详细的阐述,通过多个例子对比了 rem、em、px 这几个单位的实际作用,最后还阐述了希望大家能够合理利用这几个单位而不是盲从选择。( https://parg.co/b4k ) 
  • 《React 中的状态管理架构模式》:本系列文章着眼于对于现代复杂 Web 应用,譬如 React 或类似框架,的开发中常见的状态管理的架构模式。文章中会依次介绍 Naive Hierarchical Architectural Pattern、Top-Heavy Architecture、Flux 等等内容。( https://parg.co/b4J ) 
  • 《失信的 Web Components》:本文是一篇带有强烈主观色彩讨论 Web Components 的文章,其回顾了六年前 Alex Russel 提出 Web Components 寄以带来的现代 Web 开发的愿望与准则,然后比较了 Web Components 与 React、Vue.js 等现代常用的开发框架;有对 Web Components 一直保持关注的开发者可以带着思辨的态度看看这篇文章。( https://parg.co/b4v ) 
  • 《使用 Inline Cache 优化动态 JavaScript 代码》:本文是作者在开发 JSIL 开源库时使用的一系列优化手段的总结,主要关于如何使用多态在线缓存(Polymorphic Inline Cache)来优化代码执行速度,不过这种方式也有可能造成意外的变化。作者介绍了何谓 Inline Cache 及其优化原理和带来的性能提升评测等内容。( https://parg.co/b4a )

开源项目

乐于分享,共推前端发展

前端之巅

「前端之巅」是InfoQ旗下关注前端技术的垂直社群,加入前端之巅学习群请关注「前端之巅」公众号后回复“加群”。投稿请发邮件到editors@cn.infoq.com,注明“前端之巅投稿”。

前端之巅微信底图-5.jpg


感谢韩婷对本文的审校。

给InfoQ中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ@丁晓昀),微信(微信号:InfoQChina)关注我们。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT