关注用户体验,分享前端技术

前端周刊第四期

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表,欢迎大家关注、转载。
如果外链不能访问,关注公众号前端每周看,里面有解决办法

大事件

  • 以 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 打包版本在桌面上使用。它已经有几年了,但继续看到频繁的更新,是这类应用程序的一个很好的例子。
posted @ 2022-01-29 18:15  夕阳白雪  阅读(76)  评论(0编辑  收藏  举报