🧠 50 篇提升技能的文章
图片来自Freepik
今年我在LinkedIn上推出了一个新系列——“前端高级链接”。每期包含 10 个指向优秀文章/帖子的链接。此合集包含最近 5 期（第 16 期至第 20 期）的链接。
第16期
-
Safari 17.4 中的 WebKit 功能（https://webkit.org/blog/15063/webkit-features-in-safari-17-4/）作者：Jen Simmons 和 Jon Davis
这篇博文写得很好——特别是针对 Mac 上的 Web 应用程序的改进以及增强的声明式 shadow DOM。 -
Antonello Zanini 撰写的《Node 更新中 V8 的 8 个最新动态》（https://blog.appsignal.com/2024/02/28/top-8-recent-v8-in-node-updates.html
） 指出，动态导入也适用于“with”。 -
Daniel Rosenwasser宣布 TypeScript 5.4 ( https://devblogs.microsoft.com/typescript/announcing-typescript-5-4
) NoInfer 实用类型可能比我现在能推断的更有用。 -
Houssein Djirdeh 开发的Next.js 第三方库管理包 ( https://developer.chrome.com/blog/next-third-parties
)。 所以说大型应用程序性能更差？别开玩笑了！ -
2024 年开发者必备的 10 个 VS Code 扩展（https://dev.to/durgesh4993/10-must-have-vs-code-extensions-for-developers-in-2024-1m83），作者：@durgesh4993。
我不知道自己是否必须拥有它们，但我确实安装了它们。只不过，我的 Quokka.js 许可证过期了。 -
Astro 4.5 ( https://astro.build/blog/astro-450/ ) 作者：Erika、Emanuele Stoppa、Matthew Phillips、Nate More、Bjorn Lu
新的脚本检测实际上非常棒。 -
2024 年 React 顶级无头 UI 库 ( https://www.greatfrontend.com/blog/top-headless-ui-libraries-for-react-in-2024 ) 作者：Feilin Liangga Putri
我认为这是一个优秀的库集合。 -
如何使用 CSS 构建 Masonry 布局 ( https://hackernoon.com/how-to-build-a-masonry-layout-using-css ) 作者：Abhigyan
注意结尾 - 透视运用非常出色。 -
我在构建我的 JS 库时学到的东西（https://dev.to/mathuraditya7/things-i-learned-while-building-my-js-library-2k06）作者：Aditya Mathur
简而言之：这比看起来要费力得多。 -
PixiJS v8 发布啦！🎉 ( https://pixijs.com/blog/pixi-v8-launches ) 由 GoodBoyDigital 出品
，助您提升动画技能。
第17期
-
微软宣布为 Microsoft Edge 推出隐私保护广告 API（https://www.neowin.net/news/microsoft-announces-privacy-preserving-ads-api-for-microsoft-edge/）作者：Taras Buria
如果说互联网有什么比广告更需要的，那肯定不是广告。但说到底，我们都需要吃饭，对吧？ -
Mike Stop 撰写的《使用 Playwright 进行视觉测试的终极指南》（https://www.browsercat.com/post/ultimate-guide-visual-testing-playwright
）继续指出， Playwright 非常棒，直到你需要维护你的 E2E 测试为止。 -
ONNX Runtime Web 使用 WebGPU 在浏览器中释放生成式 AI ( https://cloudblogs.microsoft.com/opensource/2024/02/29/onnx-runtime-web-unleashes-generative-ai-in-the-browser-using-webgpu/ ) 作者：Emma Ning、Yulong Wang、Satya Jandhyala
我迫不及待地想把所有资源都投入到某个算法中，让它生成已知答案，但出错的概率却很高。 -
Daniel Onyebuchi 的文章《为 React 构建自定义渲染器》（https://blog.openreplay.com/building-a-custom-react-renderer
） 实际上听起来比实际情况要复杂得多——但我认为过程本身才是最重要的。 -
Web Workers：革新 Web 性能和用户体验（https://dev.to/bymarsel/web-workers-revolutionizing-web-performance-and-user-experience-3i1b）作者：@bymarsel
不要与 Service Workers 混淆——它们是兄弟，但它们的生命周期和用途不同。 -
2024 年 5 个令人兴奋的 JavaScript 新特性（https://www.sitepoint.com/new-javascript-ecmascript），作者：Olivia Gibson、Darren Jones。
光是“5”这个数字就足以让我心动了。 -
Astro + Volar = 💖 ( https://astro.build/blog/astro-and-volar ) 作者：Erika
对很多人来说，这只是深奥的东西，但说实话，我认为拥有一个可靠的、可重用的语言服务器基础是超级酷的！ -
@analogjs_team宣布 AnalogJS 1.0 版本发布（https://dev.to/analogjs/announcing-analogjs-10-19an）。 真不敢相信之前居然不是 1.0 版本。很高兴现在终于发布了！
-
Leonardo Maldonado 撰写的《使用 Zod 实现代码类型安全》（https://www.telerik.com/blogs/making-your-code-type-safe-zod
） 一文指出，Zod 已经作为参考标准存在了相当长一段时间——或者我们应该说是“运行时”（双关语）？ -
Remi 的文章《探索前端的未来》（https://frontendmastery.com/posts/navigating-the-future-of-frontend/
） 几乎涵盖了所有内容，除了微前端——我可以认真对待这篇文章吗？！是的。
第18期
-
免费工具帮助 Web 开发人员应对 Google 的“复杂”SEO 更新 ( https://thenewstack.io/free-tool-helps-web-devs-with-googles-complex-seo-update/ ) 作者：Loaine Lawson “
免费”这个词就足以让我心动了——我还以为接下来会是“啤酒”呢；不过工具也差不多一样好。 -
Interaction to Next Paint 正式成为 Core Web Vital ( https://web.dev/blog/inp-cwv-launch )，作者是 Rick Viscomi。INP
将成为每个人都会谈论但没有人真正理解的新的三字母事物。 -
由 Webkit 贡献者发布的 Speedometer 3.0：用于 Web 应用程序响应速度的共享浏览器基准测试 ( https://browserbench.org/announcements/speedometer3/
)。 到目前为止，我唯一发现的是我的浏览器很慢。 -
基于 Rust 的 WinterJS Web 服务器发布 1.0 版本（https://www.infoworld.com/article/3714444/rust-based-winterjs-web-server-reaches-10.html），作者：Paul Krill。
春天之前的季节是冬天。接下来是：Summer.NET。 -
React vs. Angular：组件架构（https://www.telerik.com/blogs/react-vs-angular-component-architecture）作者：Christian Nwamba
幸运的是，我们现在有了独立的组件，使得它们看起来相似。 -
Capo.js：五分钟提升网页性能（https://frontendmasters.com/blog/capo-js-a-five-minute-web-performance-boost/）作者：Dave Rupert
谁会想到页眉中元素的顺序会起到如此关键的作用呢？ -
如何使用 SystemJS 实现微前端：一份全面的指南（https://dev.to/confrontend/how-to-implement-micro-frontends-using-systemjs-a-comprehensive-guide-i3a），作者 Hamed Fatehi
。我之前也尝试过。实际上，这里还有一些其他实用技巧——不过我建议你直接使用 Piral。 -
由 rsbuild 贡献者发布的 Rsbuild v0.5 ( https://rsbuild.dev/community/releases/v0-5
) 我们距离真正称得上 v1 的版本越来越近了。干得漂亮！ -
React 编译器的类型系统（https://www.recompiled.dev/blog/type-system/）作者：Sathya Gunasekaran
事实证明，类型对于优化任何事物都至关重要。 -
Dominik Tornow 的文章《Async/await 的机制》（https://blog.resonatehq.io/async-await-mechanics
） 非常棒！我是 Elixir 和 async/await 的忠实粉丝（自从 C# 引入 async/await 以来，我就一直很喜欢它）。
第19期
-
使用 React 通过绘图渲染一百万行数据 ( https://dev.to/keyurparalkar/rendering-a-million-rows-in-react-by-drawing-1a39 ) 作者：@keyurparalkar
一百万不算酷。你知道什么才酷吗？十亿。 -
Rubén Peregrina 表示，Angular 将与 Wiz 合并（https://rubenperegrina.com/angular-will-be-merged-with-wiz
）。 我更愿意称之为同化。 -
再见 SASS 👋，欢迎原生 CSS 回归 ( https://dev.to/karsten_biedermann/goodbye-sass-welcome-back-native-css-cf ) 作者：@karsten_biedermann
SASS 仍然有一些特性使其值得使用。 -
JavaScript 框架比较第 1 部分：模板（https://www.maartenhus.nl/blog/comparing-javascript-frameworks-part-1-templates/）作者：Maarten Hus
这实际上是不同理念充分展现的地方。 -
Kitson P. Kelly 的HTTP 速度 ( https://kitsonkelly.com/posts/http-speed
) 数据很有趣——尤其是 Node 21 与 Node 20 的对比。 -
Baldur Bjarnason 撰写的关于 Web 开发人员就业市场的文章（https://www.baldurbjarnason.com/2024/the-one-about-the-web-developer-job-market
） 简而言之：既不好也不坏。 -
Rom Grk 的文章《优化 JavaScript 以求乐趣与盈利》（https://romgrk.com/posts/optimizing-javascript
） 为什么不能仅仅为了乐趣呢？嗯，我明白你的意思了！ -
Bite Code没有遵守欧盟 cookie 横幅法规（https://www.bitecode.dev/p/there-is-no-eu-cookie-banner-law
）！ 但愿如此，你现在也无法摆脱它们。 -
使用伪类创建无障碍表单（https://css-tricks.com/accessible-forms-with-pseudo-classes/）作者：Chris DeMars
朋友之间不应该让彼此创建不无障碍的表单。 -
Matt Pocock 的《使用 TypeScript 构建 Node 应用》（https://www.totaltypescript.com/typescript-and-node
） 一文引起了我的注意。虽然我不会完全采用相同的组合，但这绝对是一个不错的选择。
第20期
-
Marvin Hagemeister 撰写的《Fresh 2.0 之路》（https://github.com/denoland/fresh/issues/2363
） 迫不及待地想看到终点！总而言之，未来将有巨大的变化。 -
将 500 多个测试从 Mocha 迁移到 Node.js ( https://astro.build/blog/node-test-migration/ ) 作者：Emanuele Stoppa 和 Bjorn Lu
快速测试是提高开发人员效率的重要基础。 -
为什么 TypeScript 不包含 throws 关键字（https://www.learningtypescript.com/articles/why-typescript-doesnt-include-a-throws-keyword），作者：Josh Goldberg。
此时此刻，我确信 TypeScript 将会继续吞噬一切。 -
Brian Muenzenmeyer 的《深入了解 Node.js 网站重新设计》（https://nodejs.org/en/blog/announcements/diving-into-the-nodejs-website-redesign
） 非常有趣——特别是如果你考虑走类似的道路的话。 -
Headless UI——一个优秀的 Vue 和 React 组件库（https://dev.to/jacobandrewsky/headless-ui-a-great-components-library-for-vue-react-4k35），作者是@jacobandrewsky。
我很高兴看到无头 UI 越来越受欢迎。如果你对这个领域感兴趣，也可以看看 React Aria。 -
使用 Bun 进行部分预渲染的强大功能 ( https://aralroca.com/blog/partial-prerendering ) 作者：Aral Roca
然而，问题是，你是否真的想在生产环境中使用 Bun。 -
JavaScript 可视化：Promise 执行（https://www.lydiahallie.com/blog/promise-execution），作者：Lydia Hallie。
偶尔会出现一些对核心概念的出色可视化作品——这就是其中之一。 -
Tero Piirainen 提出了一种可扩展的 Tailwind、BEM 和 CSS-in-JS 替代方案（https://nuejs.org/blog/introducing-nue-css/
）。 还有一些有趣的 CSS-in-JS 替代方案——在运行时无需付出额外代价即可获得开发效率。 -
⚛️ React 项目中的文件夹结构（https://dev.to/itswillt/folder-structures-in-react-projects-3dp8）作者：@itswillt
如果您还没有确定一个有意义的结构，这无疑是一个不错的选择。 -
Sophia Andren介绍了“pages router”（https://waku.gg/blog/introducing-pages-router）。Waku
正不断朝着更通用、更实用的方向发展。但请不要成为下一个 Next.js——保持轻量级和灵活性。
结论
这些都是文笔精湛的作者撰写的优秀文章。我读得很开心——希望你也喜欢。
👉 请在LinkedIn、Twitter或这里关注我，获取更多内容。
🙏 感谢所有作者和贡献者的辛勤付出！
文章来源：https://dev.to/florianrappl/50-articles-to-level-up-d7