7 min read

web前端半年刊-2019年上半年(42篇精选文章)

2019年web前端上半年刊,收录了包括JavaScript、框架及其原理、Node.js、网络和性能优化、微前端和Serverless、实践和思想等方面的好文。

JavaScript:

JavaScript 代码简洁之道

来自Github项目clean-code-javascript的翻译文章,文章作者根据自己的理解对原文进行了一些修改。

JavaScript 的数据类型及其检测

比较全的一篇数据类型基础知识介绍。

前端进击的巨人(一):执行上下文与执行栈,变量对象

文章有助于理解什么是执行上下文,详解了执行栈的规则和执行上下文的生命周期过程。

如何编写高质量的函数 -- 函数底层篇

文章分析了函数执行的机制,JS引擎是如何执行函数的,并对闭包、作用域、作用域链有深入理解。

彻底终结 Javascript 背后的隐式类型转换

从JS设计者的角度来聊聊隐式类型转换, 这样不需要背诵复杂冗长的ECMA规范了。

ES6、ES7、ES8、ES9、ES10新特性一览

各版本特性一览,方便查阅和使用。

JavaScript 究竟是如何工作的?(第一部分)

本文可以帮助你理解 JavaScript 的工作原理,还能从大体上了解一门编程语言的工作原理。

JavaScript 究竟是如何工作的?(第二部分)

第二部分着重介绍了内存管理方面的知识。


框架及其原理:

Vue性能优化:如何实现延迟加载和代码拆分?

以开源项目Storefront为例,讲述了Webpack捆绑的工作原理,Vue的延迟加载、动态导入,以及vue-router、vuex的代码拆分。

大前端时代,如何做好C 端业务下的React SSR?

在需要满足SEO并保证首屏渲染效率的情况下,Next.js同构开发是一个比较好实践。

让虚拟DOM和DOM-diff不再成为你的绊脚石

关于虚拟DOM和DOM-diff的过程。

深入剖析 React Concurrent

从浏览器原理、Fiber基本概念及整体流程说起,通过Concurrent模式下任务的时间片拆分、中断、恢复和划分优先级,详细地剖析了Concurrent运行机制。

Vue Function-based API RFC

Vue 3.0重要的RFC,解释了设计动机和设计细节,对缺点或潜在问题进行了说明。

揭秘 Vue 中的 Virtual Dom

本文探讨了什么是Virtual DOM、作用是什么、为什么需要等问题。


Node.js:

干货 | 携程机票Node.js开发实践

一篇携程机票技术栈变迁,在技术应用过程中遇到的问题,以及Node.js从早期的前后端分离到GraphQL的实践。

Node.js 中的依赖管理

npm依赖管理的dependencies、devDependencies、peerDependencies、bundledDependencies、optionalDependencies使用场景介绍,以及版本号的写法和依赖管理的其它内容。

NodeJS express框架核心原理全揭秘

express框架源码分析及其中间件流程控制的实现。


网络、性能优化:

2019 前端性能优化年度总结

非常全面的前端性能优化指南,一共包括6个部分,这是第一部分。

深入理解浏览器的缓存机制

详细的浏览器缓存说明书,从缓存位置、缓存过程、强缓存、协商缓存等方面详细地介绍了浏览器缓存机制。

浏览器帧原理剖析

有关于将浏览器帧像素显示在屏幕上的过程里发生了什么

让你的网页更丝滑(全)

作者分享了什么样的网页是用户觉得比较流畅的、什么叫像素管道,然后介绍了主动交互、被动交互的性能优化方案。

一文读懂HTTP/2 及 HTTP/3特性

文章介绍了http协议、HTTP/1.x协议的缺陷、HTTP/2的新特性及未来HTTP/3的新特性。

Web 应用安全性: 使用这些 HTTP 头保护 Web 应用

这是关于web安全性系列文章的第三篇,主要介绍与安全相关的HTTP头。

进阶必备的网络基础

如果你对网络基础还不太了解,文章的内容可以给你提供一个思路。

时间切片(Time Slicing)

为了避免长任务,一种方案是使用Web Worker,将长任务放在Worker线程中执行,缺点是无法访问DOM,而另一种方案是使用基于Generator的时间切片。


微前端、Serverless:

Medium 架构实践:避免微服务综合症

主要介绍单体Node.js应用程序如何有效实现微服务架构并避免微服务综合症的经验。

中台微服务了,那前端呢?

再谈微前端设计,本文通过保险订单销售模式设计案例来说明如何进行微前端设计,并最后总结了实施微前端的主要价值和意义。

大前端时代下的微前端架构:实现增量升级、代码解耦、独立部署

文章首先解释了微前端架构的定义,然后讨论集成微前端的各种方法,最后分享了要考虑的一些问题及应对对策。

精读《Serverless 给前端带来了什么》

文章对Serverless进行了简单的概述,然后从前后端的视角讨论了Serverless给我们带来了些什么收益与挑战。

探索 Serverless 中的前端开发模式

本文主要从前端开发模式的演进、基于 Serverless 的前端开发案例以及 Serverless 开发最佳实践等方面,探讨 Serverless 中的前端开发模式。


实践、思想:

如何设计高扩展的在线网页制作平台

本文主要介绍如何设计一个高扩展的在线网页制作平台,会交代一些背景和最终的效果以及核心设计方案。

前端中的 IoC 理念

控制反转(Inversion of Control)是一种「思想」,作者通过一个例子来解释IoC概念,让它变得容易理解。

世界是平的吗?——从不同角度看前端

在前后端分离下,前后端的唯一桥梁是接口,当一端变更后,变更同步到另一端就成了问题。
从架构治理角度,文章介绍了业界探索的三种流程方案,另外介绍了研发流程下组件化实施的三种模式。

从前端角度看企业软件的研发过程

本文尝试从一些角度去给出自己的见解,为了说明构建这个领域前端技术体系的种种考虑,同时也会述及对应的业务特性。

流水不腐,户枢不蠹 — 设计可维护可扩展的系统(上)

本文重点介绍部分软件开发思想,讲解如何利用设计模式、设计原则和编程范式,设计易懂、可扩展的和高内聚低耦合的系统。

GraphQL和Thrift在Airbnb架构中的配合使用

本文介绍了Airbnb在Thrift和展现服务层框架的现有架构上,前后端如何进行合作,利用GraphQL和Thrift两者的优点,构建出更好的交互体验。

用 JS 开发跨平台桌面应用,从原理到实践

作者对Electron的一次系统性的总结,文章对了解和入门Electron很有帮助。


其它:

必看!互联网开发模式的经验之谈

虽然不是前端相关文章,但这篇互联网开发模式的经验之谈写得很好,值得推荐。

Web Component可以取代你的前端框架吗?

对Web Component的介绍和使用,最后总结了使用原生web components的好处。

浅谈小程序运行机制

从小程序的由来,到双线程的出现、设计、通信、到基础库、Exparser 框架、再到运行机制、性能优化等等方面,来看小程序的运行机制和它的整体技术架构。

关于移动端适配,你必须要知道的

本文从移动端适配的基础概念出发,探究移动端适配各种问题的解决方案和实现原理。

玉伯:从前端到体验,如何把格局做大

轻松一下,值得阅读。