前端技术观察第六期 - Chrome 77里有什么新东西给开发者？

Posted 2021-03-30 code秘密花园

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

• Highlights

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

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

• Tutorial

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

• Tools And Codes

• 优秀的工具、库

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

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

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

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

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

highlights

给前端工程师的TensorFlow机器学习（英）

Charlie Gerard概括了怎样用javascript和如TensorFlow.js的框架来开始机器学习，并且还指出了在前端做机器学习的一些限制。

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

Chrome 77里有什么新东西给开发者？（英）

Chrome 77现在已经发布，Pete LePage在本文中深度分析了这一版本都有哪些新的东西给开发者。

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

用CSS变量实现逻辑运算（英）

在CSS中怎样在calc()函数中用数学运算符模拟类似not(var(--i))这样的函数。

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

现代前端架构（英）

一个前端工程师对现代Web应用架构的透视。

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

大型应用中的六种常见逻辑类型（英）

关于在大型应用中的架构以及决定在何处放置怎样的代码的一切。

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

Practical Ways to Write Better JavaScript（英）

从开发到测试的一些最佳实践，文中推荐使用Typescript哟。

https://stackoverflow.blog/2019/09/12/practical-ways-to-write-better-javascript/

React数据大屏的应用实践

React数据大屏应用的探索，如果你从来没做过类似的应用，可以参考本文了解一些注意点。

https://segmentfault.com/a/1190000020475113

一文吃透 React SSR 服务端渲染和同构原理

相信看过本文（前提是能对你的胃口，也能较好的消化吸收）你一定会对React SSR服务端渲染技术有一个较好的理解。

https://segmentfault.com/a/1190000020417285

微信小程序也要强行热更代码

抱歉，动编译原理真的是可以为所欲为的。

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

构建 V8 Lite 的过程中将一些关键的优化部分带到现有 V8 上的过程，以及在实际工作负载中对 V8 性能表现的影响。

https://mp.weixin.qq.com/s/84bAzNMgj1KD96yip9xSww

如何选择 JavaScript 值在内存中表现形式的优化方式，以及React core 在 V8 中出现的性能断崖。

https://mp.weixin.qq.com/s/MB6ZtCG231sp84Q7XE49Xg

tutorial

如何构建一个Tree-Shaking工具（英）

在JavaScript中构建你自己的“无用代码”清理器。

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

关于生成器和迭代器，你需要知道的都在这里了（英）

关于匿名和非匿名生成器/迭代器，在这一系列文章中有一堆你需要消化的东西。

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

Building a Node API with Stateless Authentication（英）

简单了解如何使用JWT（JSON Web令牌）实现无状态身份验证。

https://blogg.itverket.no/stateless-authentication-in-node/

Build a Tree-Shaking Utility in JavaScript（英）

定制你自己的tree-sharking工具。

https://blog.bitsrc.io/build-a-tree-shaking-utility-in-javascript-c6b13e469121

如果你的开发需要更好的网络，更强的性能，想着提升本地机器性能的同时，你也要思考下，是否可以利用服务器的网络和性能，来进行 Remote Development。

https://mp.weixin.qq.com/s/4sSal6MclpVY99ixlG6B8w

tools And codes

akiran /react-slick

React幻灯片组件。

https://github.com/akiran/react-slick

immerjs /immer

通过改变当前的状态来创建下一个不可变状态。

https://github.com/immerjs/immer

ndb: An Improved Debugging Experience for Node(英)

提升Nodejs的调试体验的开发工具。

https://github.com/GoogleChromeLabs/ndb

Karma: A Multi-Browser Test Runner for JavaScript(英)

让你的Js代码运行在多个真实的浏览器环境中。

https://github.com/karma-runner/karma

在APP开发中，快速实现效果至关重要，而样式的可复用、易维护可以帮助开发人员做到这一点。

https://mp.weixin.qq.com/s/I0HMHBBzhxsKj528mUqXmg

---