前端周报:史上第一份React问卷!无JS的静态网站?CSS新的数学函数(2023 年第 45 周)

大家好,这里是大家的林语冰,您现在收看的是 2023 年第 45 周前端生态的技术周报(视频解说请临幸 前端周报@bilibili)。

每周必看

史上首个 React 全民普查

有史以来第一次 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 已死?

黑客新闻上有人提问:Express 框架是构建 Node.js 后端的首选方案吗?

这引起了前端娱乐圈的轩然大波和围观吃瓜。有人指出,Express 或许新手友好,但如果您不想搬起石头砸到自己的猫,那么建议您敬而远之。

版本官宣

Next.js@14 发布

Next.js 是一个用于构建全栈 Web App 的 React 框架。Next.js 团队官宣 v14 正式发布,除了性能优化和稳定服务端操作之外,全新推出部分预渲染功能 ------ 一种针对动态内容的编译器优化,能够拥有快速的初始静态响应。


Remix@2.2,但是 Vite 驱动

Remix 是一个全栈 Web 框架,Remix 团队官宣 v2.2 正式发布,提供了对 Vite 的不稳定支持。

Remix 和 Vite 梦幻联动的复利包括但不限于:

  • 低延迟的开发启动
  • 依赖预打包
  • 增量热更新
  • 更多细节请临幸官网......

奇技淫巧

CSS 全新数学函数

CSS 增加了 2 个新的数学函数,用来取余和求模。

前端工具人

迷你辅助

Tiny Helpers 是一个宝藏网站,此网站收集了 500+ 个用途单一的免费在线工具,供前端爱好者使用,包括但不限于图标生成器、颜色管理等,有欲望的小伙伴可以 mark 一下。


调查问卷生成器

FormLab 是一个开源的调查问卷生成器,可以辅助您收集反馈、民意投票或调查问卷。


无损 JSON

地球人都知道,.1 + .2 != .3。lossless-json 和原生 JSON API 大抵相同,唯一的不同在于祂会保留大数的信息。祂不会把数值解析为普通数字,而是用轻量无损的字符串取而代之,代价是性能比原生 JSON 稍慢。


VueForm 开源表单

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

您现在收看的是前端周报系列,学废了的小伙伴可以点赞友情赞助本系列,我们礼拜天佛系拖更,欢迎关注和订阅最新动态。谢谢大家的彼芯,掰掰~

相关推荐
小曲曲26 分钟前
接口上传视频和oss直传视频到阿里云组件
javascript·阿里云·音视频
学不会•2 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html
EasyNTS2 小时前
H.264/H.265播放器EasyPlayer.js视频流媒体播放器关于websocket1006的异常断连
javascript·h.265·h.264
活宝小娜4 小时前
vue不刷新浏览器更新页面的方法
前端·javascript·vue.js
程序视点4 小时前
【Vue3新工具】Pinia.js:提升开发效率,更轻量、更高效的状态管理方案!
前端·javascript·vue.js·typescript·vue·ecmascript
coldriversnow4 小时前
在Vue中,vue document.onkeydown 无效
前端·javascript·vue.js
我开心就好o4 小时前
uniapp点左上角返回键, 重复来回跳转的问题 解决方案
前端·javascript·uni-app
刚刚好ā5 小时前
js作用域超全介绍--全局作用域、局部作用、块级作用域
前端·javascript·vue.js·vue
yqcoder6 小时前
reactflow 中 useNodesState 模块作用
开发语言·前端·javascript
会发光的猪。7 小时前
css使用弹性盒,让每个子元素平均等分父元素的4/1大小
前端·javascript·vue.js