余弦の博客

上文：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...

答应我，兜圈子辣么多广告（要恰饭的嘛），为什么不选择一个干干净净清清爽爽还手机自带的功能呢～ 这篇不是广告～纯粹是一个开发者的爱心提示 (x) 保姆级教程 小米手机：开箱即用，自带小爱课程表，还有课程提醒等功能 非小米手机：应用市场搜索小爱课程表，咱也是能用的！ 飞书同款文档：小爱课程表使用指南～for HAUTer 平时看看课表，为什么不冲手机原生自带的 app 或者咱学校官方微信小程序的课表呢，颜值都贼高～（顺便给官方微信小程序打打广告，查绩点、课表功能都有！微信小程序名就叫河南工业大学） 我们学校的课表是我大二下的时候进行适配的，经历了几次更迭修了几次 bug...

Hexo + Shoka 主题 + vercel 搭建的属于自己的博客站点 Github 地址: cos_blogs 没错，我又又又在折腾了，不过这次是在往更简易的方向折腾，原因是最近公司的项目有用到 vercel，自己用个人版试了试然后就回不去了耶 现在所有博客如果遇到问题、文章错漏都可以直接在 Github 上的 issue 反馈～ 通过 vercel 部署，强烈安利 vercel！个人版一个月 100G 流量，小站点完全够用～ 用 Markdown 写文章真的超级棒！ # 为什么要换成 vercel 之前的时候使用 GitPage 搭博客，到现在也暴露了不少不足之处 目录散乱，直接将...