前端周刊每周发布前端技术相关的重大事件、文章教程、部分框架的版本更新以及代码和工具。每周定期发布，欢迎大家关注转载。如果外链无法访问，关注公众号前端每周看，里面有解决方法2021年前端大事表现榜单（PDF、ApplePages、MSWord）——Web性能是一个棘手的问题，不是吗？我们如何才能真正了解我们在性能方面所处的位置，以及我们的性能瓶颈到底是什么？是昂贵的JavaScript、缓慢的Web字体传输、沉重的图像还是缓慢的渲染？我们是否有大量的tree-shaking、rangeboosting、codesplitting和所有那些花哨的东西，包括intersectionwatchers、progressivehydration、clienthints、HTTP/3、serviceworkers和-天哪-edgeworkersPattern是否足够优化？而且，最重要的是，我们从哪里开始提高绩效，我们如何建立长期的绩效文化？JavaScript运算符的“搜索引擎”-快速：尽可能多地命名运算符！十点左右吧？该网站涵盖了大约50个项目，每个项目都有一个快速解释。TypeScript4.7Beta发布-Node.js的ES模块支持现在是一项官方功能，您可以指定package.jsonJS文件是被解释为ES模块还是CommonJS模块。如果您愿意，也支持扩展名.mjs。.cjs还改进了函数推理、实例化表达式，并且您可以在私有字段上使用typeof。最终的TS版本往往很快就会从测试版中出来，所以很快就会有4.7的最终版本。“通过复制更改数组”：四种新的非破坏性数组方法——Axel介绍了另一个正在进行的ECMAScript提议（这个提议处于第3阶段），它将引入一些非破坏性的方法来反转、排序、连接和设置（某种)数组元素。文章Vue3globalApisupportssomechangesaftertree-shaking—在Vue3中，全局和内部API已经重构，考虑到对tree-shaking的支持。因此，全局API现在只能作为ES模块构建的命名导出来访问。React18正式版源码级解析—React18正式版终于来了，Concurrent、Suspense、transitions还是新的HooksAPI，你期待哪一个？最新版的chrome插件开发指南在这里——网上有很多关于chrome插件开发的教程，可惜都是基于第二版（manifestV2）。Chrome将于2020年11月正式推出第三版（manifestV3）的开发规范，但感觉国内的插件基地很少。FetchandAxios:ComparisonofHTTPresourceacquisition-历史悠久但边缘化的老Axios客户端与FetchAPI入门级使用的对比。BuildingInteractiveSparklineswithD3-能够构建数据可视化对任何人来说都是一项方便的技能-而且它是一种简单而优雅的技能。HowtoBuildaCMSPoweredBlogwithNuxt-使用无头CMS（在本例中为ButterCMS）和NuxtVue.js框架创建无服务器博客。AGuidetoOptimizingJavaScriptforQuickPageLoads-涵盖了一些现代方法，包括Astro、Qwik和Partytown。如何在ReactApp中检测“长按”手势-如何在ReactAppFrameworkReleaseShepherd9.1中检测“长按”手势-为您的应用创建导览。Jasmine4.1-JS测试框架。PouchDB7.3-受CouchDB启发的同步数据库.Oclif3.0–Node.jsCLI应用程序框架。Opal1.5-Ruby到JavaScript的翻译器。react-hooks-testing-library8.0构建ReactApp5.0.1-改进了React18兼容性。代码和工具WildWildPath:ObjectPropertyPathswithWildcardsandRegexps：一种通过支持通配符和正则表达式的基于字符串的查询访问对象（可以深度嵌套）属性的狂野方式。你需要看一些例子才能真正理解这个想法。YouTube.js1.4：围绕YouTube的私有API的包装器：它的描述方式，我怀疑你的里程可能会有所不同..但这是一个有趣的想法，并且使用与YouTube客户端相同的API。jc：一种将流行CLI工具的输出转换为JSON的CLI工具：这是用Python编写的，但可能对JavaScript开发人员有用，因为它可以转换文件或50多种其他工具（包括dig、du、iostat和lsof）转换为易于处理的JSON。ReactAdmin4.0：B2B应用程序的管理面板：用于在您选择的后端（REST、GraphQL等，或者您可以编写自己的适配器）上构建基于浏览器的“管理”应用程序的框架。如果你想现场观看，这里有一个演示。MIT许可，但如果您需要支持，也有专业版。GitHub存储库。nextjs-blog-theme：使用Next.js和Tailwind构建的可自定义博客启动器：包括深色和浅色主题以及对MDX的支持。在此处尝试现场演示（页面底部的暗模式切换）。scroll-snap：可定制的“ScrollSnap”实现：一个仍在维护的旧项目。对于requestAnimationFrame()60fps滚动性能并且没有任何依赖性。在这里试试。GladysAssistant：隐私至上的开源家庭助手：它可以在任何Linux机器（包括RaspberryPi）上运行，并在后台使用Node。
