#8松桑前端后花园周刊-谷歌推迟cookie弃用、JS Naked Day、Node22、pnpm9.0、Hexo、JSR、html-to-image

159 阅读4分钟

⚡️行业动态

谷歌再次推迟了 Chrome 中第三方 cookie 弃用计划

在 Chrome 上逐步淘汰第三方 cookie 计划的最新进展:延迟到2025年年初开始进行第三方 cookie 弃用。

JS Naked Day

4月24号被社区开发者定为 JS Naked Day,完全没有 JavaScript 的一天;因为http 响应码 424 代表缺失依赖而失败(fail dependcy),遗憾的是我们错过了;JS Naked Day 参考 CSS Naked Day,两者都旨在推动Web 标准、优雅降级、可维护性等。

dotJS 会议

将与6月27号在法国巴黎举行的一个 JavaScript 会议,目前发言者中有很多大佬,比如TensorFlow.js、CSS Module、rxjs作者。

📆发布

Node.js 22

以下为Node22版本更新内容:

  • V8 JavaScript 引擎版本更新为12.4

  • 可通过实验标志启用require导入ESM模块(规划在未来默认情况下启用它,以允许包作者发布仅 ESM 的包,同时维护对 CJS 用户的支持,并帮助生态系统逐步迁移到 ESM)

  • 内置了 WebSocket 客户端

  • node --watch 运行节点服务器,当指定的文件或路径发生更改时,节点服务器将重新加载;作为在 v18.11.0中引入的一个实验特性,当前已稳定可使用

  • 增大了流的 highWaterMark 的默认值(能提升性能,代价是内存占用略微增加)

值得注意的是,Node22 取代Node21作为当前(current)版本,并在发布六月后设置为长期稳定(LTS)版本(LTS版本会持续维护30个月来修复bug、更新特性,直到下一个偶数版本设置为LTS版本)。

React Native 0.74

RN 0.74版本更新内容包括:渲染引擎 Yoga版本升级为3.0,使布局样式更可预测,并支持 Web 编写的组件渲染;onLayout支持批量更新等。

pnpm 9.0

pnpm9.0 放弃了 Node 16和17的兼容性;兼容Corepack功能,当使用pnpm允许脚本时,如果 package.json 中 packageManager 字段包管理器不是pnpm或者版本不对,则不会允许;并采用了 Lockfile v9。

Electron 30.0

集成了 Chromium 124, V8 12.4, and Node.js 20.11.1。

Hexo 7.2

Hexo 是一个静态博客站点生成框架。

📒文章

JSR 不仅仅是一个新的 npm

当 Ryan 创建 Node 时,JavaScript 没有包或标准模块系统。Npm 和 CommonJS 起步了,yarn 或 pnpm 等工具在某些领域扩展了 npm,但在今天的 ES 模块时代,是时候进行转换了。JSR 不仅仅是一个新的 npm,而且是包分发方式的转变,是为现代前端阶段量身定制的。

开源项目

html-to-image(Star 5.2k、Fork 488)

将 HTML 网页转化成图片的库,支持转换为png、svg、jpeg等多种格式图片,支持原生 JavaScript 和 React 使用。

网站

你会按下按钮吗

Yes OR Not,这个网站会问你一些可能让人陷入思考的问题,当你按下按钮回答后,网站会告诉你这个问题答案的统计情况。

CSS WEEKLY

如何仅仅使用单个标签创造 CSS 中的滑动3D效果

利用CSS创造3D效果是很常见的技巧,一般都在利用额外的元素,结合伪元素来实现。作者描述了他是如何利用单个<img>标签创造出滑动3D效果的。

资源

现代前端 Web 开发/工程指南(2024)

本手册为前端网络开发领域的经验丰富的专业人士和新手提供了学习和探索前端开发实践的资源。

手册是有是开源的,内容包含计算机基础知识、前端核心概念、以及进阶前端知识(比如CI/CD、Css in js 等等),手册把前端相关知识给你串了一遍,无论你有几年工作经验,都能在其他学习很多!


这里是松桑的前端后花园,目前坚持在写前端后花园周刊,专注前端基础领域,分享常见前端面试题、前端开源项目、工具库、前端最新动态,目前还一个前端菜鸟,和我一起打怪升级吧!这里是我精选的往期文章,希望对你有所帮助。

Node.js常用命令及学习资料

18个宝藏技术周刊,涵盖前端、产品、UX、AIGC、独立开发、科技(偷偷收藏)

为什么每个自媒体人都需要个人网站?(附十分钟快速建站教程)

我用 Nextjs 十分钟搭建了一个展示955公司网站

Gitbook 小书 - 快速创建你的个人专栏

JSR 不仅仅是一个新的 npm