余弦の博客

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

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

由于业务需要，开始学习 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 并希望使用这样高度自定义的库，你就可以更好地使用它。 这个库是有意 “低级” 的，它的唯一目标是提供...

最近有用到 oss 存储的需求，跟群友调研了下国内 & 国外的 oss 后，深感找个合适的 oss 不容易，国内的有阿里云 OSS、七牛云、腾讯云，国外的有 Backblaze、Cloudflare R2 等，经过激烈讨论后我决定使用 Backblaze + Cloudflare，这个决定其实并不难，因为 Backblaze 提供的云存储服务价格非常低，而且稳定性和快速性也非常不错。同时，Backblaze 和 Cloudflare 之间的数据传输是免费的。 # 原因及介绍 Backblaze 提供的云存储服务价格低廉，而 Cloudflare 则可以提供稳定且快速的 CDN...

工作中同事突然群里提了一嘴：Tailwind v3.3 这个新特性不错欸，行高字号终于可以写一个类了，于是摸鱼看了下 Tailwind 更新，不说废话，直接上总结～ Tailwind CSS v3.3 于 2023 年 3 月 28 日发布了，这是一个非常棒的版本，它为我们带来了许多新的特性和改进，让我们的开发更加高效和灵活。在本文中，将介绍一些最令人兴奋的新功能，包括： 用于深色的扩展调色板：为扩展的颜色调色板，为每种颜色增加了更深的 950 色阶，现在有 11 种色调，eg： bg-slate-950 ESM 和 TypeScript 支持：支持 ESM 和 TypeScript...

最近，我决定把我的 Hexo 博客转移一部分到 xLog，并在这上面进行写作 ，因为它很酷，且技术栈也很新！ xLog 是一个基于区块链的开源博客系统，使用 Next.js + Tailwind CSS + TypeScript + TanStack Query 构建，所有博客数据都由用户签名并存储在区块链上，以 NFT 的形式存在。 原 Hexo 链接👉https://ysx.cosine.ren/ 我的 xLog 链接👉https://cosine.xlog.app/ 搭建过程可以看看这篇文章👉https://song.xlog.app/5m-zh ，老 web3...

总结了下自己的 2022 的常用前端插件以及工具推荐，虽然 vscode 自带的插件同步功能已经很齐全了，但是还是自己总结了一篇以备不时之需。原飞书文档链接：‍2022 前端开发 vscode 常用插件及其他工具推荐 # vscode 常用插件 # 开发类 # GitLens — Git supercharged 拓展了 vscode 本身集成的 Git 功能，提供了很多好东西 # Auto Close Tag 自动闭合 HTML、JSX 标签 # Auto Rename Tag 自动 rename 标签 # change-case 命名转换 Ctrl+Shift+P 输入 change...

使用 koa2 + Sequelize 搭建的校园社区后端，巧妇难为无米之炊！一个厉害的项目的后端！ # 前言及项目介绍 这个项目是我刚学前端时参加的百度前端训练营进阶班的第一题，具备完善的校园社区功能及一个后台管理系统，于今年 3 月份开发，我负责的主要是后端的发帖管理、分区管理等地方的接口，在接口文档中就可以看到。当时团队里总共 6 人，3 人参与开发后端，2 人开发移动端前端，1 人开发 PC 端，并且由于还年轻，写了挺多文档记录。 个人感觉这个接口系统麻雀虽小五脏俱全（某后端爷评价），既有两个前端（PC...