前端每周清单第 15 期:Node.js v8.0发布,从React迁移到 Vue,前端开发的未来

前端每周清单第 15 期:Node.js v8.0发布,从React迁移到 Vue,前端开发的未来

题注:阿里巴巴南京研发中心成立一年来业务与团队迅速扩展,诚求前端/后端等各路英才。欢迎关注 [阿里南京技术专刊] (zhuanlan.zhihu.com/ali-,也欢迎投递简历,发送简历到 zixiong.zzx@alibaba-inc.com, 诚邀各路大佬前来指教。

前端每周清单第 15 期:Node.js v8.0发布,从React迁移到 Vue,前端开发的未来 为InfoQ中文站特供稿件,首发地址为这里;如需转载,请与InfoQ中文站联系。从属于笔者的 Web 前端入门与工程实践前端每周清单系列系列;部分文章需要自备梯子。

前端每周清单第 15 期:Node.js v8.0发布,从React迁移到 Vue,前端开发的未来

前端 前端每周清单

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

新闻热点

国内国外,前端最新动态

开发教程

步步为营,掌握基础技能

  • 《需要掌握的 Node.js Streams 相关知识》:Node.js steams 一直以来都被诟病难以理解与使用,近年来也有不少的开发者创建了封装库以便于使用 Node.js streams;不过本文追本溯源,着重于介绍 Node.js Streams 的基本语法并且理清常见的误解。本文首先以简单的利用 Stream 读取文件的例子来介绍 Stream 的概念,然后介绍了 Node.js 中四个流以及其具体实现方式。( parg.co/bJN )
  • 《8 个常用的 NPM 技巧》:NPM 是前端开发中不可避免的脚本工具,而本文则介绍了数个常见的 NPM 小技巧;包括了初始化包、运行测试、可用脚本命令枚举、查看已安装包等等。( parg.co/bJO )
  • 《REST API 基础》:作为目前主流的接口风格定义之一,REST 在数据交互中占据了重要的地位。本文则是从 REST 风格的基础开始介绍 REST 的由来、设计理念以及在真实应用中设计 RESTful API 应该考虑的方面与遵循的原则。( https://restful.io/rest-api-b... )
  • 《从 React 迁移到 Vue.js》:React 与 Vue.js 都是非常优秀的前端框架,不同的团队在不同的应用场景下可能有不同的偏好。而本文则记录了作者从 React 迁移到 Vue.js 中的思考过程;本文首先介绍了 React 与 Vue.js 之间的异同,对比了二者常用的语法特点以及生态圈,并且讨论了为何从 React 迁移到 Vue.js 的理由。( Switching From React To Vue.js )
  • 《基于 Vuex 的 Vue 应用状态管理》:就如同其他基于组件的框架,对于基于 Vue 开发的应用随着其体量与功能的增加,对于状态的追踪会变得日渐麻烦。而本文则分析了状态管理的痛点以及深入浅出地介绍了如何利用 Vuex 进行 Vue 应用状态管理。( State Management in Vue: Getting Started with Vuex )

工程实践

立足实践,提示实际水平

深度阅读

深度思考,升华开发智慧

  • 《Vue 2017 现状与展望》:5 月 20 日,在全球首届 VueConf 上,Vue.js 作者尤雨溪介绍了 Vue.js 2017 的现状,并对 Vue 的未来做了展望。本文是对此次演讲的回顾。获取更多Vue相关内容,请关注前端之巅公众号并回复“Vue”。( Vue 2017 现状与展望 | 视频+PPT+速记快速回顾 )
  • 《软件开发中的合成之道》:本文是 Eric Elliott 为其 Composing Software 系列文章所著的序章,着眼于软件开发中常用的函数合成与对象合成相关的概念解析与介绍。我们软件开发的过程就是不断地将小的模块逐步组合为完整的系统,我们不可避免地需要去组合调度多个函数,或者利用继承等方式将简单的类慢慢组合为复杂的业务类。( parg.co/bJ4)
  • 《Web 前端开发的未来》:本文作者从自己的实践出发畅想了未来 Web 前端开发的可能方向;主要包括 JavaScript 新特性的增强以及对于状态管理的深入、从简单界面逐渐过渡到完整系统、原生与 Web 之间的边界逐步消失、CSS 会逐步模块化并且预处理器会逐步退出历史舞台、性能仍然是关键瓶颈以及 URL 会变得愈发重要等多个方面。( What is the Future of Front End Web Development? | CSS-Tricks )
  • 《统一样式语言》:近几年 CSS-in-JS 迅猛发展,各种实现库也是层出不穷。而本文作者,也是 CSS Modules 的作者之一,则是高屋建瓴地介绍了CSS-in-JS 的特点与解决的问题,梳理了人们之前对于 CSS-in-JS 存在的误解。并且横向比较了多个 CSS-in-JS 的优缺点与适用场景,最后还畅想了下 CSS-in-JS 的未来。( parg.co/bJi )

开源项目

乐于分享,共推前端发展

  • 《chromatism》:chromatism 是一系列用于进行常见颜色转换操作的函数的集合,提供了色彩转换、色差色温计算以及其他功能函数。( https://github.com/toish/chro... )
  • 《Workbox》:Workbox 是来自 Google Chrome 团队的快速将现有应用转化为 Progressive Web Apps 的 JavaScript 库;Workbox 允许我们通过 Webpack 插件、Gulp 插件以及 npm 脚本的方式快速地为当前应用的资源创建对应加载 ServiceWorker。( workboxjs.org/ )
  • 《Hyperloop》:Hyperloop 是服务于美团点评客户端的组件发版、持续集成、App 打包构建、资源调度等各个环节的发布调度系统。接入 Hyperloop 系统后,开发同学可以通过 Hyperloop 来管理自己的项目,配置发版和打包所需要的步骤和检查项。开发完成时,用户只需要登录 Hyperloop 进行相关操作,Hyperloop 就会根据项目的配置去调用不同的步骤,上报每个步骤的状态,给出错误日志、状态通知等。( http://tech.meituan.com/iOS_H... )
  • 《pix2code》:pix2code 依赖于深度学习技术将来自于设计师的界面图片转化为 iOS 等客户端中的代码。( https://github.com/tonybeltra... )
  • 《Birdview.js》:Birdview.js 是个非常有趣的 JavaScript 插件,它能将整个页面以鸟瞰图的方式呈现给用户,并且允许用户直接进入选中的点。( http://achrafkassioui.com/bir... )

巅峰人生

前端之巅

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

编辑于 2018-04-26

文章被以下专栏收录