前端食堂技术周刊第70期：Volar的新开始React纪实2022前端大总结/周刊本期小结Volar的新开始Chrome110的新特性Lighthouse10Nuxtv3.2.0加速JavaScript生态ESLintCloudflareWorkers和微前端:为彼此而生什么是好的组件设计的关键ReactDocumentaryReact.js:TheDocumentary2022大前端总结与2023就业分析大家好，我是佟欧巴。欢迎来到前端食堂技术周报，一起来看看上周的技术资讯吧。技术资料1.Volar的新起点Volar已经从一个Vue的官方VSCode插件成长为一个嵌入式语言工具框架。目前的架构不仅可以支持Vue，还可以支持Astro、Svelte、Angular等。以下是Volar2023Roadmap：支持Monaco支持VSCode以外的IDE尝试基于Bun的语言服务器使用单一语言服务器来提高性能尝试使用RulesAPI避免不同Lint工具之间的冲突并保证性能提供ScriptsAPI暴露语言服务器的格式和lint能力，可以在CI或gitpre-commithooks中使用2.Chrome110的新特性Chrome110挤牙膏：新增伪类：画中画可以自定义画中画pictureelementstylelaunch_handlersettingsWebapplicationstartupbehavior嵌入一个没有COEP的第三方iframe，配合DevTools的新特性（Chrome110）（自己看）3.Lighthouse10performancescore去掉TTI指标（你仍然可以在LighthouseJSON输出中得到），10%的评分权重转移到CLS，CLS占整体性能评分的25%bfcache故障检测，允许粘贴input，提供完整的TS类型声明4.Nuxtv3.2.0NuxtDevTools支持可视化项目、页面、组件、模块、Hooks等信息。让我们看看下面的技术信息。技术资料1.JavaScript生态加速的ESLint，是JavaScript生态加速的第三颗子弹。本文探讨了ESLint和Linting的工作原理，发现在选择器引擎和AST转换过程中还有很大的性能提升空间。JS工具也可能接近Rust工具的性能。2.CloudflareWorkers和微前端：互为本文中的一些重点：片段架构（FragmentsArchitecture）优点：安全，基于Worker的服务器端渲染，早期交互（Eagerinteraction）未解决：绕过微前端客户端客户端依赖TreeShaking和共享问题，没有客户端沙箱解决方案（风格冲突，同一技术栈多版本冲突）AWS和Cloudflare相继进入微前端，提供基于微前端的解决方案在他们的云基础设施上。速度足以支持商业解决方案。3.好的组件设计的关键是什么？良好组件设计的关键是自身利益。少即是多。一个组件应该只对它自己负责，而不是它的内容。否则，当组件诞生时，技术债务将导致设计HTML驱动的组件。大片。对DanAbramov、SebastianMarkb?ge和AndrewClark等人的纪录片采访。5.2022大前端总结和2023就业分析狼叔年度趋势解读，必读。好了，以上就是本期的食堂周刊。如果观众觉得还不错的话，一键三击就是对食堂老板最大的支持了。你的前端食堂，吃好每顿饭，下次见。
