余弦の博客

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

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

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

本来只是想在 v2ex 发几个邀请码，写着写着发现也是时候可以写一篇 Follow 体验的博客了

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

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

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

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

上文：Floating UI 使用经验分享 - Popover 在本文中，我将分享如何使用 Floating UI 来创建另一种常见的浮动 UI 组件 ——Dialog（对话框）。Dialog 是一个浮动元素，显示需要立即关注的信息，他会出现在页面内容上并阻止与页面的交互，直到它被关闭。 它与弹出框有类似的交互，但有两个主要区别： 它是模态的，并在对话框后面呈现一个背景，使后面的内容变暗，使页面的其余部分无法访问。 它在视口中居中，不锚定到任何特定的参考元素。 一个可访问的对话框组件具有以下要点： Dismissal ：当用户按下   esc  ...

# 前言及介绍 在当今的前端开发中，浮动元素扮演着越来越重要的角色。它们能够为用户提供额外的交互和信息，同时不会影响页面的整体布局。而 Floating UI 就是一个为了方便定位和创建浮动元素的 JavaScript 库。通过它，你可以轻松地 控制浮动元素的位置和交互效果，从而提升用户体验。 如果你正在寻找一个简单易用的浮动元素解决方案，或许 Floating UI 不是你的最佳选择，该库的主要目标是提供锚点定位的功能，而不是提供预建样式或其他高级交互效果。但如果你是熟练掌握 React 并希望使用这样高度自定义的库，你就可以更好地使用它。 这个库是有意 “低级” 的，它的唯一目标是提供...