大家好,这里是大家的林语冰,您现在收看的是 2023 年第 45 周前端生态的技术周报(视频解说请临幸 前端周报@bilibili)。
每周必看
有史以来第一次 React 技术栈的全民普查已上线且正在火热进行中,本次现状调查旨在衡量 React API 和 React 生态库的知名度和流量,届时调查结果将完全透明且公开,供 React 爱好者自助食用。
本次调查将于 10 月 25 日到 11 月 15 日进行,React 爱好者请踊跃参与,说不定 React 的世界线会因你而变。
HTML 的完整一致性指的是 HTML 结构不存在错误标签。这位大佬前两年就开始测评一大坨全球访问量最大的网站,今年也干了,结果发现全员叛逆 ------ 全球访问量最大的 100 个网站中没有哪怕一个网站的 HTML 完全符合规范,尽管有若干网站差强人意。
举个栗子,最接近完美的 Adobe(PS 网站)有且仅有 1 个错误。虽然但是,据不科学统计,HTML 错误的平均数为 132,中位数为 62,众数为 23。
有一说一,这位大佬应该没有统计岛国动作片的网站,比如 B 站,因为 B 站目前播放量最高的视频是 1.4 亿,换而言之,UP主 10 个女粉里就有一个看过该片。其次,阿宅们播放最多的岛国动作片已经有 11.5 亿,能不能世一流不好说,但不科学统计的话,私以为 B 站冲一下世界百大播放量应该蛮有机会的,但小破站没有跻身百大在意料之外,也在情理之中,毕竟国际上比较流行的岛国动作片一般是《钢之炼金术师 FA》/《进击的巨人》等等。
你不需要 JS
在这短短的一小时视频中,这位大佬科普了如何构建一个百分百静态的网站,只需要一大坨 HTML 和 CSS 就欧了,你根本不需要脚本,不需要服务器,也不需要其他第三方资源。
黑客新闻上有人提问:Express 框架是构建 Node.js 后端的首选方案吗?
这引起了前端娱乐圈的轩然大波和围观吃瓜。有人指出,Express 或许新手友好,但如果您不想搬起石头砸到自己的猫,那么建议您敬而远之。
版本官宣
Next.js 是一个用于构建全栈 Web App 的 React 框架。Next.js 团队官宣 v14 正式发布,除了性能优化和稳定服务端操作之外,全新推出部分预渲染功能 ------ 一种针对动态内容的编译器优化,能够拥有快速的初始静态响应。
Remix 是一个全栈 Web 框架,Remix 团队官宣 v2.2 正式发布,提供了对 Vite 的不稳定支持。
Remix 和 Vite 梦幻联动的复利包括但不限于:
- 低延迟的开发启动
- 依赖预打包
- 增量热更新
- 更多细节请临幸官网......
奇技淫巧
CSS 增加了 2 个新的数学函数,用来取余和求模。
前端工具人
Tiny Helpers 是一个宝藏网站,此网站收集了 500+ 个用途单一的免费在线工具,供前端爱好者使用,包括但不限于图标生成器、颜色管理等,有欲望的小伙伴可以 mark 一下。
FormLab 是一个开源的调查问卷生成器,可以辅助您收集反馈、民意投票或调查问卷。
地球人都知道,.1 + .2 != .3
。lossless-json 和原生 JSON
API 大抵相同,唯一的不同在于祂会保留大数的信息。祂不会把数值解析为普通数字,而是用轻量无损的字符串取而代之,代价是性能比原生 JSON
稍慢。
VueForm 表单最近开源了,目前 star 高达 233 个。VueForm 是一个 Vue 筑基的综合表单框架,简化您的表单开发。
VueForm 可以轻松处理嵌套数据结构,提供了 50+ 种表单校验规则等。
高玩攻略
如果您像 UP 主一样细心,就会发现一个有趣的现象 ------ B 站某番剧的评分和豆瓣评分一龙一猪。举一反一,性能测评工具大抵也是如此,不同的测评工具的性能跑分也不尽相同。
这位大佬科普了各种性能测评工具如何审核和报告性能指标,比如嵌入谷歌开发者工具的 Lighthouse 如何计算 FCP(首次内容绘制)、TBT(总阻塞时间)和 CLS(累积布局偏移 )等性能指标。
这位大佬还安利了 DebugBear,这是一款可以同时跟踪实验室数据、Google CrUX 数据和完整的真实用户监控数据的性能测评工具。
One More Thing
"如果祂不起作用,那么祂不起作用的速度没有任何意义。"
"If it doesn't work, it doesn't matter how fast it doesn't work."
------ Mich Ravera
您现在收看的是前端周报系列,学废了的小伙伴可以点赞友情赞助本系列,我们礼拜天佛系拖更,欢迎关注和订阅最新动态。谢谢大家的彼芯,掰掰~