技术周报·The State of JS 2021

编辑推荐

The State of JS 2021

2021 JavaScript 生态报告终于出炉！画重点：

• 前端框架新秀 Solid 满意度达到 90%！虽然目前使用率仅有3%，但潜力还是很惊人的；
• Vite 满意度达到惊人的 97%，远远超过 Webpack 的 75%；
• 工具方面，Axios 使用率最高，达到 41%；Lodash 次之，仅有 37%左右。

不过，问卷调查对象大部分集中在西方世界，仅有 1.2% 来自中国，所以上述结论在中文环境下是否普适，还是值得商榷的。

「长按识别二维码查看原文」   

https://2021.stateofjs.com/zh-Hans/

         

「我知道我想要什么，但是我没有能力去渲染，我要通知有能力渲染的人来帮助我渲染！」

「长按识别二维码查看原文」   

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

         

深度阅读

翻译：最完美的结合：即时编译器（Just-In-Time Compilers）

很有意思的是，JIT 是将编译器与解释器两种方案合并之后出现的新技术方案！这篇文章比较细致地讲解 JIT 的实现思路、运行过程、侧重点等等，比较难能可贵的是，这些内容并不是简单的技术名词堆叠，而是充满有趣的示例和手写画。

「长按识别二维码查看原文」   

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

         

在 Vue 中，虚拟 DOM 是什么？解决了什么问题？Diff 算法又是什么？解决了什么问题？又带来了哪些新的问题？Vue 是怎么解决的？

「长按识别二维码查看原文」   

https://mp.weixin.qq.com/s/8M-pJdKjF6bx5ijtSFKIcw

         

狼叔直播 Reaction《学习指北：Node.js 2022 全解析》

本文是狼叔在 2 月 16 日在掘金直播《学习指北：Node.js 2022 全解析》的 Reaction，狼叔的直播干货很多，本文尽量保证原内容的同时，额外加入了一些相关资料和链接，方便你学习。

「长按识别二维码查看原文」   

https://juejin.cn/post/7066713847947591687

         

外文推荐

Why do We Use JavaScript Bundlers?

JavaScript is an interpreted language and doesn’t need compilation. Your browser can execute the same code that you write. So why do we use JavaScript bundlers?

「长按识别二维码查看原文」   

https://javascript.plainenglish.io/why-do-we-use-javascript-bundlers-e8935dc362c3

         

Comparing Node JavaScript to JavaScript in the Browser

There are a lot of challenges jumping into Node.js, even if you’re experienced at authoring client-side JavaScript. This article assumes you’ve got Node installed, and you’ve used it to build front-end apps, but want to write your own APIs and tools using Node.

「长按识别二维码查看原文」   

https://css-tricks.com/node-javascript-compared-to-javascript/

         

实践应用

从几何原理，学习 CSS 透视规则

「长按识别二维码查看原文」   

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

         

拜托，使用Three.js让二维图片具有3D效果超酷的好吗 💥

文章用 React + Three.js 将 2D 漫画图片转换成 3D 效果，可谓是创意满满，有意思

「长按识别二维码查看原文」   

https://juejin.cn/post/7067344398912061454

         

Github 开始支持在 md 文档画流程图

后面可以在 README 文档中用 Mermaid 语法直接画流程图了 ✿✿ヽ(°▽°)ノ✿

「长按识别二维码查看原文」   

https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/

         

Jest 零基础入门

文章讲解从零搭建 Jest 自动化测试环境的全过程，适合新同学一步步跟着跑一遍

「长按识别二维码查看原文」   

https://juejin.cn/post/7066792153027969032