开工福利|免费学 2200+ 精品线上课,企业成员人人可得! 了解详情
写点什么

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

  • 2017-06-01
  • 本文字数:3335 字

    阅读完需:约 11 分钟

新闻热点

国内国外,前端最新动态

  • 《Node.js LTS v8.0 发布》:Node.js 于 5 月 30 日在其官方博客上宣布发布代号为 Carbon 的 Node.js v8.0.0 版本,其带来了很多重要的特性改进和一些全新的特性。其典型改变包括了引入 async_hooks 以监控异步操作、引入 N-API 以开发原生插件、改进了 Buffer 的安全性以及将 NPM 升级到了 5.0.0 版本等( https://parg.co/bJh )
  • 《Chrome 60 中 DevTools 新特性介绍》:Google IO 2017 中, Paul Irish 在题为 DevTools: State of the Union 的演讲中,介绍了 Chrome DevTools 即将包含的新特性。新特性包括了基于 Lighthouse 的全新 Audits 面板、第三方请求标识、异步代码的单步调试支持等等。( https://parg.co/bJR )
  • 《Github 宣布将 V4 版本的 API 完全迁移到 GraphQL 架构》:近日,Github 在其博客宣布将会在 V4 版本的 API 中仅使用 GraphQL 架构,而不再提供 REST 风格的接口。Github 认为 GraphQL 提供了显著的灵活性与便捷性,能够有助于使用者更为方便、多变地构建查询与获取数据。( https://developer.github.com/v4/ )
  • 《styled-components v2 发布》:在经过 6 个月的迭代与 300 多次提交之后,styled-components 宣布发布其 V2 版本。新版本中包体体积进一步减少,并且提供了关键路径 CSS 抽取以及很多的新 API。( https://parg.co/bJM )

开发教程

步步为营,掌握基础技能

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

工程实践

立足实践,提示实际水平

  • 《Redux 状态管理之痛点、分析与改良》:如何设计 Redux 的 store?这几乎是 Redux 在实践中被问到最多的问题,或许你有自己的方式,却总觉得哪里不太对劲。这篇文章希望从状态是什么,到 Elm 中的状态管理,最后与 Redux 分析和对比,试图找到问题,并推导可行的改良方式。( https://parg.co/bJq )
  • 《JavaScript 单元测试框架大乱斗:Jasmine、Mocha、AVA、Tape 以及 Jest》:在开始新的前端项目时,我们常常会考虑应该使用哪一个单元测试框架,或者考虑应该为哪些代码添加单元测试。而本文则对于常用的 Web 开发中的单元测试框架 Jasmie、Mocha、AVA、Tape 以及 Jest 进行了横向对比,并且基于自己的经验给出了不同应用场景与需求下不同的单元测试框架选项建议。( https://parg.co/bJ5 )
  • 《React Europe 2017 见闻实录》:本文记录了作者在第三届 React Europe 大会上的见闻,也是不错的窥见 React 生态圈现状与未来发展方向的方式。本文首先介绍了即将到来的 React 16 以及新的调和算法 Fiber,然后介绍了一些辅助构建高质量 JavaScript 代码的工具,最后还讨论了基于流的按帧渲染方式。( https://parg.co/bJt )
  • 《常用的 Recompose HOCs》:由 Andrew Clark 发布的 Recompose 是便捷的构建高阶组件的辅助库,本文则介绍了 branch、mapProps、withState、lifeCycle、nest 这些常用的 HOCs 的实际用法。( https://parg.co/bJV )
  • 《阅读 Flexbox Spec 之后的感悟》:Flexbox 是 Web 前端开发中常用的布局方式之一,其便于使用并且相当灵活;不过本文作者在阅读完了 Flexbox 的 Spec 之后却有了很多基础用法之外的发现。本文就介绍了 margin、min-width 以及各个属性在 Flex 布局中的隐藏特点。( https://parg.co/bJJ )

深度阅读

深度思考,升华开发智慧

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

开源项目

乐于分享,共推前端发展

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

巅峰人生

一览众山,聆听巅峰故事

《从大公司到创业公司,技术人转型怎样转变思路与处事之道?》:本文为云极星创联合创始人兼 CTO 刘世民在 QCon 北京 2017 上的演讲,他从自己的工作经历出发,从工程师择业的角度,与观众产生共鸣,从大公司到创业公司,需要转变的思路与做事情的方法,有原则性的东西,也有真实案例与身边的故事,还穿插了一些工程师的软技能。( https://parg.co/bJL

2017-06-01 18:333451
用户头像

发布了 60 篇内容, 共 18.5 次阅读, 收获喜欢 9 次。

关注

评论

发布
暂无评论
发现更多内容

迟来的Offer,至今已有672名学长靠这套Java八股文成功入职大厂

Java你猿哥

Java 面试 面经 春招 八股文

常见七大SMD器件布局基本要求,你掌握了几点?

华秋PCB

元器件 PCB PCB布局 布局 PCB设计

PD虚拟机如何安装ARM版CentOS Linux系统镜像(苹果M1专用)

Rose

pd虚拟机 pd18虚拟机 CentOS Linux系统 Centos Stream 9

H2存储内核分析一

陈飞

分布式数据库 大数据 开源 数据库内核

分享:FactorJoin,一种新的连接查询基数估计框架

Java你猿哥

数据库 ssm

在路上!OceanBase首次公布四大“开发者友好”实践

OceanBase 数据库

数据库 oceanbase

GPT-4创造者:第二次改变AI浪潮的方向

OneFlow

想要找macOS系统上跑分工具?Geekbench 6帮助您快速,准确地测量处理器和内存性能进行测试

Rose

mac系统 系统跑分 Geekbench Geekbench 6

mac版photoshop 2023存储为窗口显示空白、黑屏如何解决

Rose

PhotoShop ps2023存储空白 空白、黑屏

graphpad prism教程:如何使用 prism医学绘图分析软件?

Rose

prism破解版 prism教程 医学绘图分析

博睿数据数智领航营首场开营:保险科技数智化转型中的智能运维实践

博睿数据

智能运维 博睿数据 数智化转型 保险行业

Github百万收藏!一份《从零开始写分布式服务框架》称霸榜首!

程序知音

Java 分布式 编程语言 java架构 后端技术

万字详解AI开发中的数据预处理(清洗)

Baihai IDP

人工智能 机器学习 数据清洗 数据预处理 企业号 3 月 PK 榜

量化合约技术系统开发(源码搭建)合约量化技术开发(Demo)

I8O28578624

如何通过Java应用程序将PDF转为图片格式?

在下毛毛雨

PDF 图片 格式转换

ODC,是另一个 Navicat 吗?

OceanBase 数据库

数据库 oceanbase

Android系统服务DropBoxManagerService详解与实践应用

vivo互联网技术

文件管理 Dropbox 文件上报

焱融科技助力海尔集团上云 加速“智能制造”进程

焱融科技

文件存储 分布式存储 容器存储 分布式文件存储 #高性能

别再说被八股文害惨了!GitHub阿里Java面试题库标星145K不无道理

Java你猿哥

Java 面试 面经 八股文 Java八股文

管理研发团队后,我发现用「速率」做度量错得离谱……

LigaAI

研发管理 研发效能 技术管理 效能度量 企业号 3 月 PK 榜

强大的macOS效率工具,Alfred 5更新变动详解

Rose

Alfred Mac软件 Alfred 5 苹果效率工具

机器学习系列入门系列[七]:基于英雄联盟数据集的LightGBM的分类预测

汀丶人工智能

数据挖掘 机器学习 LightGBM

实用fcpx视频剪辑:Final Cut Pro 中文版

真大的脸盆

Mac Mac 软件 FCPX软件 fcpx

智能选路系统与架构

阿里云CloudImagine

云计算 智能选路

meta魔豹联盟系统开发源码(Demo)技术成熟

I8O28578624

从智慧园区、智慧金融到智能制造,我们在华为云上实现了降本增效

华为云开发者联盟

云计算 华为云 华为云开发者联盟 企业号 3 月 PK 榜

实战开发arthas-spring-boot-starter,监控你的微服务是否健康!

Java你猿哥

spring Spring Boot

从0到1:学员课时预约与扣课小程序开发笔记

CC同学

Go 第三方 log 库之 zap 使用

江湖十年

后端 日志 Go 语言

用OceanBase试了一下ChatGPT开源文档问答助手

OceanBase 数据库

数据库 oceanbase

前端每周清单第15期:Node.js v8.0发布,从React迁移到 Vue、前端开发的未来_语言 & 开发_王下邀月熊_InfoQ精选文章