当前栏目
前端食堂技术周刊第 63 期:Vite 4.0、State of CSS 2022、Rome v11、Web 性能日历
这是前端食堂的第 139 篇原创
美味值:?????
口味:霜糖山楂
- 食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly[1]
本期摘要
- Vite 4.0
- State of CSS 2022 调查结果
- Rome v11
- HTMHell Advent Calendar 2022
- Web 性能日历
- VueConf 2022 PPT
- 用于安全发布和安全消费的新 npm 功能
大家好,我是童欧巴。欢迎来到本期的前端食堂技术周刊,我们先来看下上周的技术资讯。
技术资讯
1. Vite 4.0[2]
- 升级 Rollup 3[3]
- 新增 @vitejs/plugin-react-swc,在构建时使用 esbuild,开发时用 SWC 替换 Babel
- 现代浏览器的构建目标默认为 safari14
- 升级 dotenv 16、dotenv-expand 9
- CLI 快捷键
- 预构建支持 patch-package[4]
- 优化构建日志输出,单位切换到 kB
- 改进 SSR 期间的错误信息
- 与 Vite 3.2.5 相比,Vite 4 的安装包大小减少了 23%
- plugin 包移出 core 仓库
2. State of CSS 2022 调查结果[5]
下面是 Lea Verou 的一些总结,关于特性、框架、CSS in JS 等部分的具体内容大家可以移步去看报告。
- Interop 2022 将浏览器组织到一起,将“不可能”变为了“正在发生”,比如父选择器(:has())和容器查询(@container)(多年来受到性能的影响一直未实现,如今变为可能)。
- Subgrid 也在积极被实施和支持
- 2023 预测:原生支持嵌套、颜色处理相关(color(), lab(), lch(), oklab(), oklch()、color-mix())
3. Rome v11[6]
- 支持 TS 4.9 satisfies
- 支持分号可选配置
- 引入 4 个新的 Lint 规则,并将规则分为三组:性能(performance)、正确(correctness)、可疑(suspicious)
- 更改抑制 Lint 的注释写法,并试验性支持(自动导入抑制 Lint 注释)Suppression Code Action 、导入排序(Import Sorting)
下面我们来看技术资料。
技术资料
1. HTMHell Advent Calendar 2022[7]
HTMHell 降临节日历再度来袭,从 12 月 1 日到 12 月 24 日,每天更新一篇新的文章。作者来自世界各地,内容关于可访问性、性能和安全性等。
2. Web 性能日历[8]
去年的 12 月也推荐过这个 Web 性能日历,2022 年也可以开始追更啦。
3. VueConf 2022 PPT[9]
PPT 合辑出炉,回放也都能看了。
4. 用于安全发布和安全消费的新 npm 功能[10]
更细粒度的访问令牌、2FA 功能增强,进一步提升安全性。Code explorer 付费功能免费开放,可以在 npm 门户站点查看包内容。
好文推荐
下面来看一下好文推荐,本周推荐的好文是:
好了,以上就是本期的食堂周刊,观众老爷们如果觉得还不错,一键三连是对食堂老板最大的支持。
你的前端食堂,吃好每一顿饭,我们下期见。
周刊一锅端
如果大家还没看过瘾,给大家推荐一下食堂技术周刊的合作伙伴,赶快把他们也抱入碗中吧~
- 前端早早聊的 18 个成长宝藏库[11]:前端早早鸟,前端早早跑
- MDH 前端周刊[12]:大厂一线 P8,Umi、Dva 等库作者
- DEX 周刊[13]:关于产品、设计、前端、软件等内容的精华资讯邮件列表
周刊赞助
整理周刊要花费大量的精力和时间,不过你可以通过以下方式支持我:
- 将食堂分享给你的朋友;
- 订阅食堂的竹白付费专栏(食堂为你准备了专属的会员通讯,以及前端食堂数字花园知识库的访问权限)。
订阅地址:https://hungryturbo.zhubai.love/
参考资料
[1]
食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly: https://github.com/Geekhyt/weekly
[2]
Vite 4.0: https://vitejs.dev/blog/announcing-vite4.html
[3]
Rollup 3: https://github.com/rollup/rollup/releases/tag/v3.0.0
[4]
patch-package: https://github.com/ds300/patch-package
[5]
State of CSS 2022 调查结果: https://2022.stateofcss.com/
[6]
Rome v11: https://rome.tools/blog/2022/12/06/rome11/
[7]
HTMHell Advent Calendar 2022: https://www.htmhell.dev/adventcalendar/
[8]
Web 性能日历: https://calendar.perfplanet.com/2022/
[9]
VueConf 2022 PPT: https://www.yuque.com/vueconf/iro4c1
[10]
用于安全发布和安全消费的新 npm 功能: https://github.blog/2022-12-06-new-npm-features-for-secure-publishing-and-safe-consumption/
[11]
前端早早聊的 18 个成长宝藏库: https://mp.weixin.qq.com/s/3yLbUwqzSy2gFHXkO0PICg
[12]
MDH 前端周刊: https://mp.weixin.qq.com/s/NGux3r0P1JJH_z4-vfeksQ
[13]
DEX 周刊: https://newsletter.dex.group/
公众号:前端食堂
知乎:童欧巴
掘金:童欧巴
这是一个终身学习的男人,他在坚持自己热爱的事情,欢迎你加入前端食堂,和这个男人一起开心的“变胖”~
相关文章
- 协同编辑中使用的 OT 算法是什么?
- 为什么 Async/Await 不仅仅是句法糖
- 12种解决CSS旧问题的新技巧
- 代码简洁之道:统一返回格式
- 参加了个算法比赛,真是一言难尽啊
- Vue2剥丝抽茧-模版编译之生成AST
- 汽车之家采集SDK埋点可视化实现之路
- 定制一个 Vue 3 模板 - 集成 Vite, Pinia, Vue Router 与 Tailwind CSS
- 前端食堂技术周刊第 57 期:Turbopack、Next.js13、Chrome107、Vite3.2、图解 TLS 1.3
- 前端食堂技术周刊第 58 期:TypeScript 4.9 RC、10 月登陆浏览器的新功能、100 天 CSS 挑战
- 前端食堂技术周刊第 59 期:GitHub Universe 2022、Rome v10、Parcel v2.8.0
- 前端食堂技术周刊第 60 期:TypeScript 4.9、Ant Design 5.0、Node.js 安全最佳实践
- 前端食堂技术周刊第 62 期:11 月登陆浏览器的新特性、VueConf 2022、第 93 次 TC39 会议、TS 挑战
- 前端食堂技术周刊第 63 期:Vite 4.0、State of CSS 2022、Rome v11、Web 性能日历
- 前端食堂技术周刊第 64 期:Node.js19、Interop 2022、SvelteKit1.0、2022 Web 性能回顾
- 前端食堂技术周刊第 65 期:2022 Vue 年终总结、2022 HTTP 状态、12 月登陆 Web 平台的新功能
- React源码分析4-深度理解diff算法5
- React源码分析3-render阶段(穿插scheduler和reconciler)5
- React源码分析2-深入理解fiber5
- React源码解读之更新的创建5