前端技术观察第13期 - 2019 年前端性能检查清单

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

• Highlights

  • 优秀的工具、库

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

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

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

  • Tutorial

  • Tools And Codes

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

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

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

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

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

highlights

2019 年 CSS 发展现状（英）

JavaScript 的发展总是突飞猛进的，从 ECMA 规范的修订与 Node 的快速迭代都能有所感受，相比之下 CSS 的发展就好像有些缓慢，不过这种情况正在发生改变，让我们回顾一下 2019 年 CSS 都经历了些什么

https://2019.stateofcss.com/

W3C 批准 WebAuthn 作为无密码登录的 Web 标准（英）

随着技术的发展，指纹，容貌，甚至声音都可以担负密码的重任，把我们从各种复杂冗长的密码中解脱出来，而 web 在密码方面好像有些掉队，不过 WebAuthn 标准可能会推动 web 密码的发展

https://venturebeat.com/2019/03/04/w3c-approves-webauthn-as-the-web-standard-for-password-free-logins/

2019 年前端性能检查清单（英）

性能一直是一个棘手的难题，开发的每一个环节都会出现影响性能的因素，是开销巨大的JavaScript，加载缓慢的Web字体文件，巨大的图像还是缓慢的渲染？那么我们应该在性能方面注意些什么呢？

https://www.smashingmagazine.com/2019/01/front-end-performance-checklist-2019-pdf-pages/

Preact X 尝鲜（英）

Preact 作为最流行的类react库之一，一直以来都是帮助我们获得更好性能的利器，那么最新更新的 preact X 又为我们带来了什么新功能呢

https://blog.logrocket.com/whats-new-in-preact-x/

什么是Deno，和Node.js有什么区别？（英）

Node.js作者Ryan Dahl在过去一年半研发的新项目，一个期望能够解决Node一些固有问题的、新的JS运行时

https://blog.logrocket.com/what-is-deno/

Node.js 12的新特性概览（英）

Node.js 12 新特性和它创造的可能性，包括线程、ES模块支持、私有变量、可选的catch绑定等内容

https://tsh.io/blog/new-node-js-features/

Node.js多线程：什么是工作线程，为什么如此重要？（英）

从Node.js v10.5.0开始，引入了worker_threads模块。到底什么是工作线程，我们为什么需要它？

https://blog.logrocket.com/node-js-multithreading-what-are-worker-threads-and-why-do-they-matter-48ab102f8b10/

tutorial

了解 JavaScript 装饰器（英）

装饰器是一个函数，用来修改类的行为。这是ES7的一个提案，目前Babel转码器已经支持。修饰器对类的行为的改变，是代码编译时发生的，而不是在运行时。这意味着，修饰器能在编译阶段运行代码。本文将带我们理解 JavaScript 里的装饰器

https://www.simplethread.com/understanding-js-decorators/

构建Node项目的完美流程（英）

概述了构建规则和最佳实践，以确保您的Node项目从正确的路径开始

https://blog.logrocket.com/the-perfect-architecture-flow-for-your-next-node-js-project/

在js中使用async generator函数（英）

在async generator中可以同时使用await和yield，来看看如何在实践中使用

http://thecodebarbarian.com/async-generator-functions-in-javascript.html

tools And codes

Tesseract.js 2.0: JavaScript 编写的 OCR 工具（英）

OCR是一个非常有用的技术，通过他我们往往可以带给用户极大的便利体验，Tesseract.js 2.0，一个完全使用 JavaScript 编写的 OCR 工具将为我们的应用带来极大的提升

https://tesseract.projectnaptha.com/

Polly.js 3.0: Record, Replay, and Stub HTTP Interactions

想必大家用过各种各样的 http 请求库，可能是 Axios，Superagent，或者是 Request。那么看看 Polly.js 将带给我们什么耳目一新的功能

https://netflix.github.io/pollyjs/

Majestic: 一个0配置的Jest用户图形界面（英）

一个有趣的工具，可以帮助您简化JavaScript测试的过程。现在通过在使用Jest进行测试的任何项目中运行npx majestic来立即尝试吧

https://github.com/Raathigesh/majestic/

Svelte: 一个新的前端框架（英）

Svelte是一个构建Web应用程序的新方法。它是一个编译器，将开发者的声明性组件转换为高效的，精准更新DOM的JavaScript代码

https://github.com/sveltejs/svelte

ICE（飞冰）

阿里推出的简单而友好的前端研发体系，特点是支持可视化开发

https://github.com/alibaba/ice

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