乐趣区

关于前端:前端周刊第十五期

jiezi

前端周刊发表每周前端技术相干的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢送大家关注、转载。
<span style=”color:red;”> 如果外链不能拜访，关注公众号 前端每周看，外面有解决办法 </span>

大事件

  • 2021 年前端性能清单（PDF、Apple Pages、MS Word）——Web 性能是一个辣手的问题，不是吗？咱们如何真正晓得咱们在性能方面的立场，以及咱们的性能瓶颈到底是什么？是低廉的 JavaScript、迟缓的网络字体交付、惨重的图像还是迟缓的渲染？咱们是否对 tree-shaking、范畴晋升、代码宰割以及所有带有交叉点观察器、渐进式水化、客户端提醒、HTTP/3、服务工作者和 – 哦我的 – 边缘工作者的花哨的加载模式进行了足够的优化？而且，最重要的是，咱们甚至从哪里开始进步绩效，咱们如何建设长期的绩效文化？
  • JavaScript 运算符的“搜索引擎”——疾速：尽可能多地命名运算符！大略十点左右吧？该站点涵盖了大概 50 个内容，并对每个内容进行了疾速解释。
  • TypeScript 4.7 Beta 公布——Node.js 的 ES 模块反对当初是一项官网性能，您能够指定 package.jsonJS 文件是解释为 ES 模块还是 CommonJS 模块。如果您违心，也反对扩大.mjs。.cjs 还有改良的函数推理、实例化表达式，您能够 typeof 在公有字段上应用。最终的 TS 版本往往会从 beta 版开始疾速公布，因而预计很快会公布 4.7 最终版。
  • “通过复制更改数组”：四种新的非破坏性数组办法——Axel 介绍了另一个正在进行的 ECMAScript 提案（该提案处于第 3 阶段），该提案将介绍一些非破坏性办法来反转、排序、拼接, 并设置（某种）数组元素。

文章

  1. Vue3 全局 Api 反对 tree-shaking 后的一些变更 — 在 Vue 3 中，全局和外部 API 都通过了重构，并思考到了 tree-shaking 的反对。因而，全局 API 当初只能作为 ES 模块构建的命名导出进行拜访。
  2. React18 正式版源码级分析 — React18 正式版终于来了，哪个是你期待的，Concurrent、Suspense、transitions 还是新的 Hooks API？
  3. chrome 插件最新版本开发指南来了 – 网上对于 chrome 插件开发的教程有不少，惋惜都是基于第二版本 (manifest V2)，chrome 官网在 2020 年 11 月就推出第三版(manifest V3) 的开发标准了，然而感觉国内很少有插件基
  4. Fetch 与 Axios：获取 HTTP 资源的比拟 – 对长期存在但边缘的旧 Axios 客户端与应用 Fetch API 的初学者级比拟。
  5. 应用 D3 构建交互式迷你图 – 可能构建数据可视化对任何人来说都是一项得心应手的技能——这是一项简略而优雅的技能。
  6. 如何应用 Nuxt 构建由 CMS 提供反对的博客 – 应用无头 CMS（在本例中为 ButterCMS）和 Nuxt Vue.js 框架创立一个没有服务器的博客。
  7. A Guide to Optimizing JavaScript for Quick Page Loads – 波及一些古代办法，包含 Astro、Qwik 和 Partytown。
  8. 如何检测 React 应用程序中的“长按”手势 – 如何检测 React 应用程序中的“长按”手势

框架公布

  1. Shepherd 9.1 – 为您的利用创立导览。
  2. Jasmine 4.1 – JS 测试框架。
  3. PouchDB 7.3 – 受 CouchDB 启发的同步数据库。
  4. Oclif 3.0 – Node.js CLI 应用程序框架。
  5. Opal 1.5 – Ruby 到 JavaScript 转译器。
  6. react-hooks-testing-library 8.0
  7. 创立 React App 5.0.1 – 进步了 React 18 的兼容性。

代码和工具

  1. Wild Wild Path: Object Property Paths with Wildcards and Regexps：一种通过反对通配符和正则表达式的基于字符串的查问来拜访对象（能够深度嵌套）中属性的狂野形式。你须要看一些例子能力真正了解这个想法。
  2. YouTube.js 1.4：围绕 YouTube 的公有 API 的包装器：形容的形式，我狐疑你的里程可能会有所不同.. 但这是一个乏味的想法，并且应用与 YouTube 客户端雷同的 API。
  3. jc：将风行 CLI 工具的输入转换为 JSON 的 CLI 工具：这是用 Python 编写的，但可能对 JavaScript 开发人员有用，因为它能够转换文件或 50 多种其余工具（包含 dig、du、iostat 和 lsof）成易于解决的 JSON。
  4. React Admin 4.0：B2B 应用程序的治理面板：一个框架，用于在您抉择的后端（REST、GraphQL 等，或者您能够编写本人的适配器）上构建基于浏览器的“治理”应用程序。如果您想现场观看，这里有一个演示。MIT 许可，但如果须要反对，也有业余版本。GitHub 存储库。
  5. nextjs-blog-theme：应用 Next.js 和 Tailwind 构建的可自定义博客启动器：包含深色和浅色主题以及对 MDX 的反对。在此处尝试现场演示（页面底部的深色模式开关）。
  6. scroll-snap：一个可定制的“Scroll Snap”实现：一个仍在保护的旧我的项目。用于 requestAnimationFrame()60fps 滚动性能并且没有任何依赖关系。在这里试试。
  7. Gladys Assistant：隐衷优先的开源家庭助手：它能够在任何 Linux 机器（包含 Raspberry Pi）上运行，并在后盾应用 Node。
退出移动版