18k 字 16 分钟

本期为 FE Bits 前端周周谈创刊号，精选并总结了过去一周全球泛前端生态的新动向、重要技术动态、文章推荐、工具和代码库更新，以及深入分析几篇行业高质量内容。内容涵盖 TypeScript、React、CSS Masonry、Web 安全、Node.js/Bun、新一代前端架构（Remix 3）、Web 交互特效、独立开发实践等。
22k 字 20 分钟

# 前言及示例 事情是这样的，最近逐渐想把之前做过的一些交互特性和 webgl 相关的 demo 收集一下，写几篇博客进行记录，虽然还有很多不足，比如性能等都亟需优化，也欢迎各种指正。这是第一篇，下一篇是这个的基础上进行修改的另一个粒子系统。 第一个讲的是这个效果：Particles to Image，以下实践是在这个的基础上进行修改、重构得来的，有兴趣可以去看看原代码。 重构、移植到 react 和加入 ts...
5.3k 字 5 分钟

总结了下自己的 2024 至今的常用前端插件以及工具推荐，上次写还是在上一次：2022 前端开发 vscode 常用插件及其他工具推荐 本次写推荐我会把相比之前新增的特意标出来一下放前面，不代表后面的就不好用，有些插件越用越爽～并且清理了一波使用不多的插件。这么看下来其实我插件也没有很多吧，虽然常用编辑器换到 cursor 了但是插件还没有开始进行发掘。 # 开发类 # [New] Shader languages support for VS Code 评语：webGL 开发必备 Shader languages support for VS Code 是一款为 VS Code...
7k 字 6 分钟

自用小记。 Tailwind CSS v4.0 - Tailwind CSS 新的高性能引擎 - 完整构建的速度速度快 5 倍，增量构建的速度快于 100 倍以上 —— 以微秒为单位进行测量。 为现代 Web 设计 - 建立在前沿的 CSS 特性之上，使用级联层、 @property 和 color-mix() 等前沿 CSS 特性注册自定义属性。 简化的安装 - 较少的依赖项，零配置，只需要 CSS 文件中的一行代码。 第一方 Vite 插件 - 紧密集成，可实现最高性能和最低配置。 自动内容检测 - 所有模板文件都是自动发现的，无需配置。 内置导入支持 - 无需额外工具即可捆绑多个...
2.6k 字 2 分钟

上周五的晚上 9 点左右，我结束了工作和学习，准备继续黑神话二周目启动，OBS 直播都连好了。就在这时，我弟弟突然进来，问我：“姐姐，你见过腊八吗？我一直没看到她。” 因为下午我还见过她，加上弟弟在五点前就回来了，通常这个时候她都会在客厅和弟弟玩。我以为她还在客厅，于是回答说：” 没有，应该在哪儿钻着吧 “，随即出门大声叫了一圈：“腊八 —— 腊八 ——”, 可就是不见她的回应。以往她早就会跑出来喵喵叫了，心里顿时一紧。 我开始查看客厅的监控，发现一个大问题，本该能拍到客厅和大门的米家摄像头不知道被谁弄歪了，只拍到靠窗的猫砂盆。而最后猫咪出现的时间是下午 3 点 52...
17k 字 16 分钟

一篇 antfu 推荐的交互式优质性能优化博文，作者有 20 年经验，真的很多细节，试着翻译一下加一点自己的润色，强烈建议阅读英文原文，体验交互式，这里就先用截图替代了。 第一次翻译，不足之处欢迎指正！ 本译文博客链接：https://ysx.cosine.ren/optimizing-javascript-translate 原文链接：https://romgrk.com/posts/optimizing-javascript 原文作者：romgrk 我经常觉得一般的 javascript...
2k 字 2 分钟

转眼到了 2023 年年末了，赶在最后一天发下年终总结不过分吧。 很短，很流水账，很多图警告 # 流水账 还记得 2022 年 6 月实习，第一次来到北京，开启北漂实习生涯，虽然钱不多，但也足够租房 + 日常生活了，最大的爱好就是吃吃喝喝。 一些中秋礼盒，现在不在总部了反而拿不到了 hhh 22 年 9 月左右 回学校远程实习，顺便把驾照考到手了～ 之后，大四上没课，开始准备准备毕设，回深圳陪妹妹去了趟猫咖，猫猫大治愈！还吃了很多喝了很多玩了很多 实习攒的钱交完学费，买了辆哈啰电动车给老妈用 大四下也就是 3 月左右，又回到北京实习干到了 4 月底，5 月初的时候回学校毕设，然后于...
21k 字 19 分钟

# 前言 进入 NestJS 的世界可能会让你感到不知所措，尤其是当你面对众多的模块和概念时。本文不仅会深入分析优秀的 NestJS 项目，介绍常用的 Nest 内置模块，还会解锁一些 NestJS 的高级特性和最佳实践，来帮助你更好地理解和应用这个强大的 Node.js 框架。无论你是一个初学者还是有经验的开发者，这篇文章都将为你提供宝贵的见解和实用的技巧，让你能够更加了解 NestJS。 我将从 GitHub 上的 Awesome NestJS 列表中选取优秀项目进行分析，看它们如何使用 NestJS 的各种功能和模块。 此外，我还将详细介绍一些常用的 Nest 内置模块，如...
3.2k 字 3 分钟

由于业务需要，开始学习 RN 以备后面的需求，而虽然之前有用过 RN 但是项目搭建等都是封装好的脚手架，对本身其实了解不算太多，于是打算记录一下个人从头搭建 RN 项目的一个过程。顺带进行一个资料收集。 适合：有前端基础，有前端基本开发环境，想了解一下 Expo 搭建 RN 项目过程的人群 # RN 相关资料 官方网站：Site Unreachable Introduction · React Native Core Components and APIs · React Native 中文网：简介・React Native 中文网 Expo 官网： Expo Github...