前端周刊第四期

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。
[图片上传失败...(image-7b8a47-1643451205580)]

大事件

• 以 2022 年 JavaScript 状态调查为例——几年过去了，流行的 JavaScript 状态调查返回了 2021/22 联合运行，并且一如既往地试图确定开发人员对哪些库和框架感到兴奋。

• 2022 年 Web 开发的基础知识——分析围绕前端技术、浏览器共享、客户端设备等的众多统计数据，以了解我们必须继续支持的最低共同标准。

• DevTools 有什么新功能？——对 Chrome、Edge、Safari 和 Firefox 中开发人员工具的最新更改和新增功能进行了不错的细分。

文章

1. React服务端组件 — Plasmic可视化页面构建器应用程序的联合创始人带领我们探索 React 服务器组件（当前是即将发布的 React 18 中的一个实验性功能）以及它们如何在后台运行。

2. 一个完整的初学者指南npm — 即使 npm 对你来说很熟悉，如果只是发送给你团队中的其他人，本指南可能会很有用。这是一份来自 CSS-Tricks 的由九部分组成的指南，涵盖了从头开始的所有内容。

3. 沿 SVG 路径为任何东西设置动画 — 如何使用 SVG 路径和getPointAtLength()函数使用 JavaScript 编写创意动画。

4. 用 JavaScript 比较 CSS 特异性值 - 当谈到 CSS 特异性时，你如何比较两个选择器来决定哪个是最高的？这篇文章深入探讨了它。

框架发布

1. Nightwatch 2.0 – 端到端测试框架。
2. Gluegun 5.0 – 用于构建 Node.js CLI 应用程序的工具包。
3. Node-RED 2.2.0 – 低代码事件驱动的应用程序开发环境。
4. parse-domain 7.0 – 将主机名分成几部分。
5. NeutralinoJS 4.2.0 – X 平台 JS 桌面应用程序框架。
6. Mocha 9.2 – JS 测试框架。
7. 无服务器框架 v3
8. React Native 0.67
9. npm 8.4.0

代码和工具

1. 查找和修复悬空文件和未使用的依赖项：当您每天添加新代码时，您可能会忘记删除旧代码。此工具可以帮助您发现项目中未使用的文件。
2. chroma.js：零依赖颜色转换库：我喜欢这个简单但色彩丰富的文档。如果您需要处理颜色和颜色值，请务必看一下。
3. Clipboard.js：一个现代的“复制到剪贴板”库：剪贴板 API使剪贴板的工作比以往任何时候都容易，但您可能会发现像这样的库提供了一些有价值的附加抽象。
4. ExcellenceExport.js 3.8：将表格数据导出到 Excel 或 CSV：如果您的应用程序/页面在 HTML 表格中有一些数据，并且您想在没有任何服务器参与的情况下将其导出到 CSV 或 XLSX，这可能会有所帮助。
5. Reaselct：React 的“选择”框组件：目前有单选和多选版本，后者在标记场景中可以很好地工作。来自与REAVIZ 图表库相同的团队。
6. Trilium Notes：使用 Node 构建的知识库应用程序：分层笔记应用程序。构建为 Express 应用程序，但最常通过 Electron 打包版本在桌面上使用。它已经有几年了，但继续看到频繁的更新，是这类应用程序的一个很好的例子。