前端技术观察第 14 期 — JavaScript 20年发展史

《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集，主要分为以下几个板块：

• Highlights

• 优秀的 工具 、库

• 好的教程、深度解读已有技术的文章

• 业界最新的技术、热点文章

• 业界对（新）技术的深度地、优秀地实践

• Tutorial

• Tools And Codes

《前端技术观察》的目的是让大家：

• 更及时的了解到业界最新的技术

• 受益于高质量的教程、文章

• 了解业界更优秀的代码、工具

• 更多地、氛围更浓厚地讨论、研究、落地技术

highlights

祝万维网诞生31周年生日快乐！（英）

万维网已满31周岁，借此机会重新审视Tim Berners-Lee最初提出的网络提议

https://frontendfoc.us/link/85445/web

GitHub 收购 npm(英)

Nat Friedman（GitHub CEO）宣布 GitHub 已签署收购 npm 的协议，并表示 npm 加入 GitHub 后会继续免费提供 public registry 服务。

https://github.blog/2020-03-16-npm-is-joining-github/

JavaScript: 20年发展史(英)

Allen Wirfs-Brock（ECMAScript委员）和 Brendan Eich (JavaScript作者) 在即将举行的HOPL 4（第四届编程语言历史大会）上写了一篇论文，介绍了JS是如何建立和发展的。深入到技术和语法开发方面, 值得一读

https://javascriptweekly.com/link/85356/web

CSS X — CSS 版本的讨论(英)

还记得最近关于CSS版本控制的辩论，以及出于市场营销的原因我们是否应该使用“ CSS 4”？从W3C可以很好地了解到到目前为止CSS功能的发布情况。本文还询问了为开发人员定义CSS版本背后的动机：如何以有用的方式定义它？应该多久定义一次新版本？谁能定义它？

https://frontendfoc.us/link/85439/web

前端 DSL 实践指南（上）—— 内部 DSL

近年前端社区中 DSL 这个词开始频繁出镜, 通过这篇文章系统的认识一下DSL

https://zhuanlan.zhihu.com/p/107947462

如何打造高性能小程序门户

京喜小程序开发团队分享微信小程序的优化总结

https://aotu.io/notes/2020/03/25/high-performance-miniprogram/

tutorial

React Hooks的体系设计之四 - 玩坏ref

React Hooks为react开发带来新的思路, 提供了轻量简洁的开发形式, 但实际使用上开发者使用往往过于粗放, 并没有发挥最大优势, 反而经常踩进坑里, 本系列文章比较系统的介绍了hooks的使用场景, 值得一看

https://zhuanlan.zhihu.com/p/111308773

JS Proxies 的一些实际使用案例(英)

通过实际案例来帮助我们思考可能使用Proxy的场景

https://javascriptweekly.com/link/85716/web

你是否真的了解Viewport(英)

带你详细解读viewport，以及尺寸和viewport meta标签之间的关系

https://mobiledevweekly.com/link/85612/web

设计完善的Typescript模式验证库

关于js与ts验证库的比较与介绍, 并阐述了zod的设计思路

https://javascriptweekly.com/link/85364/web

算法(javascript版)

js版的算法与数据结构

https://github.com/trekhleb/javascript-algorithms

tools And codes

μPlot 1.0: 一个快速轻量的时间序列图库

基于Canvas的高效时间序列图库

https://javascriptweekly.com/link/85703/web

Babel 7.9.0 发布

新版发布, 带来与@babel/preset-env, TypeScript 3.8, Flow, JSX相关的更新.

https://javascriptweekly.com/link/85727/web

Seafox: 使用Typescript编写的符合规范的快速JavaScript解析器

根据ESTree AST格式生成AST，并可用于执行JavaScript代码的语法分析。

https://javascriptweekly.com/link/85725/web

Nest.js 7更新介绍

Nest是基于TypeScript的Node框架，旨在有效地构建“企业级”应用程序。v7带来了GraphQL包的更改，CLI的改进以及更新的文档。

https://nodeweekly.com/link/85582/web

本系列会持续更新，欢迎大家持续关注。IES前端团队负责字节跳动互娱社区全线产品前端开发工作，包括但不限于抖音、火山、轻颜、faceu等。如果你想加入我们的团队，欢迎投递简历到 lisqpersonal@163.com 标题：【求职】岗位-姓名-电话