离开上海回家啦
9-25日出院，回家休养了🚄
2025/9/30
articleCard.readMore粥
第三次到上海
来上海复查身体状况。
2025/9/16
articleCard.readMore视野修炼第125期 | nano-banana
① nano-banana ② 现代 Nodejs 开发姿势 ③ PongHub - 开源服务监控平台 ④ SSR 渲染 Check工具 ⑤ difit - Diff CLI ⑥ image-js - 图像处理库 ⑦ 免费HTTPS证书申请 - 90天 ⑧ 图片转成像素画 ⑨ 国内SVG Logo资源 ⑩ 各种定价页的设计参考
2025/8/31
articleCard.readMore又生病住院了
😭 又在医院躺了一个月，连着住了 2 次院 6-29=>7-29
2025/7/31
articleCard.readMore视野修炼第124期 | 终端艺术字
① figlet.js - 终端生成 ASCII 艺术字体 ② state-in-url ③ 语法高亮组件 ④ log-vwer - 轻量的日志监控面板 ⑤ 网站链接检测 ⑥ 小恐龙二维码生成 ⑦ 3D 拟物图标资源 ⑧ Biome V2
2025/6/22
articleCard.readMore视野修炼第123期 | 你在用Node几？
① Node 18 早已停止支持，官方建议直接上v22 ② Oxlint 1.0 发布 ③ 🍊 Orange ORM ④ darkmodejs - 深色模式工具库 ⑤ 逼真的颜色混合工具 ⑥ 依赖可视化分析工具 ⑦ 速率限制交互式指南
2025/6/15
articleCard.readMore视野修炼第122期 | 发光图片制作
① HDRify - 发光 HDR 图片制作 ② qnm - node_modules分析工具 ③ Glow UI - 开源SVG图标 ④ 在线的图片编辑器 ⑤ 面向 JS 开发的 Go 学习指南 ⑥ CSS 聚光灯效果 ⑦ Arc 浏览器停止开发
2025/6/7
articleCard.readMore用Trae做了个公众号小工具
将Markdown文档中带超链接的标题提取出来，在标题下方显示对应的链接和二维码图片。
2025/6/6
articleCard.readMore视野修炼第121期 | Rolldown-Vite
① Rolldown-Vite ② 对话月影 - AI风口下做啥 ③ snapDOM - 捕获DOM为图像 ④ ForesightJS - 预测鼠标意图库 ⑤ Text2SVG ⑥ MD标题外链转二维码工具 ⑦ 通义灵码 AI IDE
2025/6/1
articleCard.readMore视野修炼第120期 | NoCode
① NoCode - 一句话，呈所想 ② 直接获取输入框value的number类型值 ③ prompt-kit - AI组件库 ④ Next BConvert ⑤ jsPad ⑥ Chrome 137 开发者工具的新变化 ⑦ JavaScript 30年 ⑧ TS GO 实现预览版 ⑨ 免费的 AI 图像处理工具
2025/5/25
articleCard.readMore视野修炼第119期 | 终端调色
① console支持的格式化字符串 - 小知识 ② ANSIS 4.0 - 终端调色盘 ③ uni-app x 支持鸿蒙 ④ color-convert ⑤ mono-jsx - 服务器端 JSX 运行时 ⑥ LinkSumm - AI 总结网页内容
2025/5/18
articleCard.readMore用AI做了个图片上传/下发应用
微信群的二维码每周都要更新一次，比较麻烦。于是搞了个简单的上传/下发的 Web 应用。
2025/5/17
articleCard.readMore视野修炼第118期 | 周刊回归🎉
① BongoCat - 键盘搭子🐱 ② 喝了么 - 喝水搭子 ③ 符号收集站点 ④ Lexe - Node.js 应用打包 ⑤ Vert - 格式转换工具 ⑥ SVG转3D模型 ⑦ 线上问题处理经验分享 ⑧ Emoji 换脸工具
2025/5/10
articleCard.readMore出院咯🎉 - 0403
3月19日入院，3月24日手术，4月3日出院
2025/4/7
articleCard.readMore准备手术 - 同步一下近况
3月24日早上手术，记录一下这半个月的经历
2025/3/21
articleCard.readMore生病了 - 主动脉夹层
2025年2月4日突发胸痛，急诊紧急入院；确诊为主动脉夹层B型，没做手术，保守治疗3月1日出院
2025/3/3
articleCard.readMore🧧 2024公众号创作回顾
# 🧧 2024公众号创作回顾 24 年公众号创作回顾，和大家一起分享一下。 *当然还有红包封面！* ## 数据 | 发表67篇 | 最常晚上发 | | :
2025/1/25
articleCard.readMore视野修炼第117期 | 24年明星项目
① 2024年 JS 明星项目 ② CSS 选择器知识合集 ③ 从任意图像生成渐变背景色 ④ Node v23.6 - 内置默认支持TS ⑤ trimMiddle - 字符串中间截断 ⑥ Easing Wizard - CSS 动画缓动曲线编辑 ⑦ opfs-finder ⑧ facad - ls美化 ⑨ CSS变量编辑器 ⑩ pnpm v10 ⑪ electrobun - 基于Bun的跨平台桌面应用框架 ⑫ CSS 中平衡文本展示的方法 ⑬ htmx的未来规划 ⑭ Raphael AI - 无限制的文生图
2025/1/19
articleCard.readMore视野修炼第116期 | NB Ping
① NB Ping - 多地址并发 Ping 工具 ② 动画图标 ③ RSS.Beauty - RSS 订阅源美化展示 ④ Console.trace：JavaScript调试的利器 ⑤ 关于跨端的前世今生 ⑥ LogoShip - 图标生成器
2025/1/5
articleCard.readMore视野修炼第115期 | 今年最后一期
① 一些现代的 Nodejs 能力 ② MarkItDown ③ ReactAI ④ 背景移除 ⑤ 智能图片描述生成器生成器
2024/12/29
articleCard.readMore视野修炼第114期 | 2024JS现状调查结果
① 2024 JavaScript 现状调查结果 ② Text Fragment - 直接链接网页文本 ③ my-github-2024 - 2024 GitHub 报告生成 ④ 优秀的单页网站案例 ⑤ Gradienty - 一套CSS工具集 ⑥ 并发和并行的区别 ⑦ AI 音效生成
2024/12/22
articleCard.readMore视野修炼第113期 | JS 29周年
① Node.js 22.12.0 发布 - 默认支持require(esm) ② Linkify - 自动链接生成 ③ Todoctor - 分析追踪代码中的TODO ④ JS 29周年 ⑤ Kinesis.js - 复杂交互动画创建 ⑥ jsontr.ee - JSON 可视化工具 ⑦ EasyResizer - 图片批量尺寸调整工具
2024/12/8
articleCard.readMore视野修炼第112期 | GitHub 数据分析
① 免费的页面模板 1500+ ② GitHub 数据分析的瑞士军刀 ③ Spoiler - 内容隐藏组件 ④ 简单的文本 diff 工具 ⑤ Vite 6.0 发布 ⑥ rmtrash - 移到废纸篓的终端工具 ⑦ 浏览器的存储方法比较
2024/12/1
articleCard.readMoreBun 使用实践&经验分享
解决安装 Bun 的网络问题，bun 管理 npm 镜像源切换，monorepo 依赖的处理
2024/11/24
articleCard.readMore记一下 rustup 切换 rustc 版本不生效的问题
省流：homebrew 和 rustup 安装 rustc 的冲突，卸载 homebrew 安装的 `rustc` 即可解决。 ```sh brew uninstall rust ``` 问题描述
2024/11/24
articleCard.readMore视野修炼第111期 | 读文件 API 性能对比
① Node.js 与 Bun 读取文件速度对比 ② 2024 HTML现状调研 ③ Viselect - 直观的 DOM 选择 ④ fraction.js - 精确的十进制运算库 ⑤ npmpackage.info - 在线查看 npm 包相关概览信息 ⑥ dive - 展示 docker 镜像里层的内容 ⑦ lcl.host - 一键本地生SSL证书 ⑧ 12 个现代CSS技巧 - 1行代码
2024/11/24
articleCard.readMore视野修炼第110期 | 紫色的纪念
① CSS 新 logo - 紫色的纪念 ② 一站式 iframe 生成器 ③ vlt - 新的 js 包管理器 ④ kkTerminal - Web实现SSH终端 ⑤ Emoji的隐藏玩法
2024/11/17
articleCard.readMore记一次服务器迁移
服务器又要过期了，上一次的机器也是3年前的双十一购入的。 新买的配置比之前的带宽和核心数低一点，不过日常跑跑小demo服务&博客也差不多够用。 今年双十一的活动也还行，159 买一年送3个月。(300
2024/11/14
articleCard.readMore视野修炼第109期 | VSCode主题定制
① VS Code 主题定制生成 ② skellyCSS - 轻量级的CSS骨架屏方案 ③ create-vue 实现性集成 Oxlint ④ 英：从 URL 输入到页面渲染的过程 ⑤ 使用 JS 生成随机迷宫 ⑥ gounfaked - 免费的AI图片
2024/11/10
articleCard.readMore视野修炼第108期 | AI脚本语言
① GenAIScript - AI脚本语言 ② iCraft Editor - 3D架构图设计 ③ URL Parser Online - 网页内容解析工具 ④ Flock - Flutter 社区版 ⑤ baseline-status - 展示特性兼容性的Web组件 ⑥ 开源贡献墙生成
2024/11/3
articleCard.readMore迷惑代码赏析第1期
工作中遇到了许多的 💩 代码，单独开个系列和大家分享&吐槽一下，一起品(xue)鉴(xi)一下。
2024/10/28
articleCard.readMore独立博客自省问卷 15 题
最近看到的独立博客里比较火的一个问卷，本文是我的回答
2024/10/27
articleCard.readMore视野修炼第107期 | 2024 CSS 现状
① 2024 CSS 现状 ② 开发术语百科全书 ③ 对用更快的语言重写 JS 工具持怀疑态度 ④ JSBEN - JS代码性能对比 ⑤ Emoji-Fallback.js ⑥ Web 缓存网 - CDN资源
2024/10/27
articleCard.readMore视野修炼第106期 | Node23值得关注的新特性
① Node23 发布 ② Recce - 如何突破动态化容器的天花板 ③ 上网的糟糕感受 ④ 如何设定超过25天的定时器 ⑤ 快速预览目标链接在各种社交软件的展示 ⑥ 为网站添加气球 ⑦ VItePress 中预览组件 ⑧ 哔哩哔哩：基于源码的可视化编辑方案 ⑨ 图片主色提取 ⑩ 使用 TS 约束正则表达式 ⑪ 英：HTML入门教程 - ⑫ Web 框架 Hono 的故事
2024/10/20
articleCard.readMore视野修炼第105期 | AI驱动全栈应用开发
① bolt - AI驱动一站式的应用开发 ② WebChat - 同网页在线聊天 ③ 一年一度的 js13kGames结果公布 - 13KB 大小的游戏 ④ 新的 CSS logo？ ⑤ TS 类型体操练习 ⑥ 100+ 免费独特的 SVG 图标 ⑦ TutorialKit - 交互式教程创建
2024/10/13
articleCard.readMore视野修炼第104期 | 下一代 JavaScript 工具链
① 🐙 尤大创办公司 VoidZero ② Tauri 2.0 稳定版发布 ③ Vite 时髦的新主页 ④ qrframe - 漂亮二维码生成 ⑤ HTTP QUERY 方法提案 ⑥ TinyJS - 轻量级的创建DOM元素 ⑦ 9月 Web 平台的新功能 ⑧ ESLint 现在正式支持 Linting JSON 和 Markdown
2024/10/7
articleCard.readMore浏览器中生成 OSS 令牌 | Web Crypto API
使用 Web Crypto API，btoa，spark-md5（第三方库），在前端中生成 OSS 上传令牌，支持七牛云，又拍云
2024/10/6
articleCard.readMore视野修炼第103期 | 优雅的移除事件
① 你不知道的 AbortController ② AI 驱动的JS反混淆工具 ③ 开源许可证选择 ④ UptimeFlare - 网站在线状态监控 ⑤ MingCute Icon - 开源图标库 ⑥ JS 各个压缩库对比 ⑦ 即将到来的 Deno 2.0 ⑧ Compress JPG - 图片压缩工具
2024/9/28
articleCard.readMore视野修炼第102期 | js 编译运行C
① Bun 现在允许直接在js中直接编译运行 C ！ ② caniuse-cli ③ SSL证书管理工具 ④ 好的重构与坏的重构 ⑤ sisi - 命令行图片检索工具 ⑥ cvbee.ai - AI 简历生成
2024/9/22
articleCard.readMoreVitePress 的公告插件开发实记
开发了一个适用于 VitePress 的公告插件 vitepress-plugin-announcement
2024/9/21
articleCard.readMore开发日记 | 不定时更新
记录一下每天干的杂事，写的杂七杂八的代码，用于日后回顾，翻开尘封的记忆
2024/9/21
articleCard.readMore🚀 VitePress 插件开发计划
主题在近1年多的时间里集成了非常的多功能了，接下来计划将这些能力拆分成组件，以便于更方便的与其它主题集成。
2024/9/17
articleCard.readMore视野修炼第101期 | 垂直居中
① align-content - 垂直居中普通元素 ② up mode - 一键隐藏 Chrome 插件 ③ Chrome 性能面板新功能 ④ k-colors.js - 图片主色提取 ⑤ 英：优化JS性能的一些技巧 ⑥ 英：Web 的剪贴板，如何存储不同类型的数据 ⑦ 英：不简单的 js 入门教程 ⑧ Peter Cat - GitHub 仓库智能答疑机器人
2024/9/16
articleCard.readMore视野修炼第100期 | CSS observer
① style-observer - 监听 CSS 变化 ② Jimp - JS 图片处理库 ③ yocto-spinner - 终端旋转 loading ④ revideo - Code 生成视频 ⑤ button-stealer - 按钮收藏 ⑥ 免费头像合集 ⑦ 应该使用的HTML TOP5 特性 ⑧ 3.78MB 大小的 JS 服务 Docker 镜像
2024/9/8
articleCard.readMore视野修炼第99期 | Rspack 1.0
① Rspack 1.0 发布公告 ② 通过绘图评论 ③ Coolify - 开源应用运行平台 ④ Tagger - 标签选择组件 ⑤ npm 依赖更新检查工具 ⑥ 使用 CSS 实现页面弹性效果 ⑦ 10大Git 技巧 ⑧ Emoji 搜索
2024/9/1
articleCard.readMore视野修炼第98期 | Node原生支持TS
① Node 22.7 支持直接运行TS ② js 模糊搜索库 ③ Favicon 一键获取 ④ fuite - 网页内存泄露分析工具 ⑤ logtape - 0依赖日志库 ⑥ Volta 2.0 ⑦ AI 昆虫图识别
2024/8/25
articleCard.readMore视野修炼第97期 | ?=提案
① 安全赋值运算符提案 ② 英：45个提升生产力的VS Code快捷指令 ③ 文字徽标制作工具 ④ Rslib - ⑤ 使用js实现打字机效果 ⑥ Aide - 在 VSCode 中征服任何代码 ⑦ Product Hunt 每日中文热榜
2024/8/18
articleCard.readMore视野修炼第96期 | 即时媒体格式转换
① Formatify - 即时的媒体转换 ② emoji-picker-element - 轻量级表情符号选择器 ③ DNS.fish - DNS 查询API ④ remote-storage - 多设备LocalStorage同步 ⑤ json2csv - 自动将 JSON 转换为 CSV 下载 ⑥ Whirl - CSS loading 库 ⑦ 视频：CSS 创建 3D 场景和对象 ⑧ 页面级可视动画 View Transitions API
2024/8/11
articleCard.readMore视野修炼第95期 | 终端里展示图片
① terminal-image - 终端展示图片 ② staticrypt - 静态站点加密 ③ Node.js 实验性支持 TS ④ canvas-confetti - 纸屑动画 ⑤ code-box ⑥ trash ⑦ 英：巴黎 2024 年夏季奥运会如何影响互联网流量
2024/8/4
articleCard.readMore视野修炼第94期 | 2024 开发者调查报告
① Stack Overflow 2024 开发者调查报告 ② React 2023 调查结果 ③ Sendune - HTML 邮件制作工具 ④ hash-wasm - 哈希函数库 ⑤ ky - 基于 fetch 的 HTTP 客户端 ⑥ 英：前端构建概述 ⑦ Album AI - AI 图片检索 ⑧ AI Emoji Search
2024/7/28
articleCard.readMore视野修炼第93期 | polyfill.io 异常
① JS 如何检测用户打开了大写锁定 ② 改善 console 开发体验 ③ polyfill.io 异常④ MathLive - 数学公式输入组件 ⑤ Shell360 - 全平台支持的SSH客户端 ⑥ node:sqlite 工作进展 ⑦ 图片加载性能优化 ⑧ 前端开发一些流行术语 ⑨ WordSea - AI 生成单词图片
2024/7/21
articleCard.readMore视野修炼第92期 | 薅牛毛
① YakShaving - 薅牛毛 ② CSS OneLiners ③ Vue Vine - 单文件编写多 Vue 组件 ④ CDN 流量被盗刷经历 ⑤ es-toolkit ⑥ console.log 体验优化 ⑦ 诗境 - 根据图片匹配诗句
2024/7/15
articleCard.readMore记一次 CDN 流量被盗刷经历
# 记一次 CDN 流量被盗刷经历 先说损失，被刷了 70 多RMB，还好止损相对即时了，亏得不算多，PCDN 真可恶啊。  600多G流量，100多万次请求。 ## 怎么发现的 先是看到鱼皮大佬发了一篇推文突发，[众多网站流量被盗刷！我特么也中招了](https://mp.weixin.qq.com/s/XZMLMqgF_gv_QNNrfHvoPQ)。 抱着看热闹的心情点开阅读了。。。心想，看看自己的中招没，结果就真中招了 🍉。 ## 被盗刷资源分析 笔者在 `缤纷云`，`七牛云`，`又拍云` 都有存放一些图片资源。本次中招的是 `缤纷云`，下面是被刷的资源。  ### IP来源 查了几个 IP 和文章里描述的大差不差，都是来自山西联通的请求。  ### 大小流量计算 按日志时间算的话，QPS 大概在 20 左右，单文件 632 K，1分钟大概就760MB ，1小时约 45G 左右。 看了几天前的日志，都是 1 小时刷 40G 就停下，从 9 点左右开始，刷到 12 点。 | 07-09 | 07-08 | | :
2024/7/13
articleCard.readMore视野修炼第91期 | 惊讶线条
① 漫画：浏览器的 UA 为什么这么长？ ② 500+种js方法实现页面重载 ③ CSS 实现惊讶线条 ④ onefetch - 本地仓库信息查看工具 ⑤ StarFlare - 管理 Star 的项目 ⑥ 开源项目落地页模板 ⑦ 纯CSS鉴别是不是Safari浏览器 ⑧ 使用 MarsCode IDE 搭建 VitePress博客并使用 GitHub 部署 ⑨ 预渲染页面配置教程
2024/7/7
articleCard.readMore使用豆包 MarsCode IDE 搭建 VitePress博客并使用 GitHub 部署
创建MarsCode项目 >还没有注册登录的可以访问 https://www.marscode.cn/introduction-of-ide 登录并进入IDE界面 在左上角和右上角都有创建项目的
2024/7/6
articleCard.readMore视野修炼第90期 | 豆包AI IDE
① 豆包 MarsCode 正式发布 ② ECMAScript 2024 正式发布 ③ Mako 开源 - 蚂蚁的 Rust 力作 ④ CSDN批量搬运Github项目伪造开发者主页 ⑤ HTML 旋转图像实现示例 ⑥ 一组看着糙的组件库 ⑦ Chrome 126 中 DevTools 的新增功能 ⑧ 纯 CSS 实现环形文本
2024/6/30
articleCard.readMore视野修炼第89期 | 2023 年度 JS 报告
① JavaScript 2023 年度调查报告 - Vite 赢麻了！ ② Node.js setTimeout Promise ③ local-web-server ④ 尤大：Vue 10周年演讲 - Vue过去与未来 ⑤ loadership - 纯 CSS loading 动画生成 ⑥ Entity Code - 插件CV符号 ⑦ linaria - 0运行时的 CSS in JS库 ⑧ 镜头模糊效果 ⑨ DeepSeek Coder - 在线生成网页代码并执行
2024/6/23
articleCard.readMore视野修炼第88期 | 突出变量插件
① Bread Jam - 变量上色 ② JsonTree.js - JSON 数据可视化 ③ Reshot - 免费图标和插图 ④ 2024 年度备受期待的 JavaScript 项目 ⑤ 万能视频图片解析下载 ⑥ Chromicons - 线条风格图标集合 ⑦ DGM.js - 无限画布 ⑧ 英：从头开始了解 JS Promise ⑨ TextToSpeech - 免费在线转换文字为语音
2024/6/16
articleCard.readMore博客构建性能优化笔记 | 提速 3 倍
# 博客构建性能优化笔记 | 提速 3 倍 笔者的博客基于 VitePress 搭建的，使用其自定义主题能力完成博客主题 [@sugarat/theme](https://github.com/ATQQ/sugar-blog/tree/master/packages/theme) 的搭建。  前段时间有群友反馈说使用主题构建后耗时增加非常明显。  前后耗时大概增加了 10 倍，过于离谱了。  断断续续的投入差不多 1 个月的时间完成了优化，效果还是很明显。 至此写篇文章记录&分享一下优化过程。 ## 先看一下优化前后的效果 * 测试项目：[笔者的博客](https://github.com/ATQQ/sugar-blog/tree/master/packages/blogpress)，差不多 490 篇文章。 * 测试机器：Mac Mini (M1, 2020) ### 仅开启博客相关的样式能力 | VitePress 默认主题 | 优化后主题 | 优化前主题 | | :
2024/6/12
articleCard.readMore视野修炼第87期 | 端午安康
① js 中的经典八股 ② merge-anything - 深度合并对象的库 ③ DOM 树深度对渲染性能的影响 ④ Node.js 15周年 ⑤ 页面元素测量工具 ⑥ Best Cookier - cookie管理插件 ⑦ ShotEasy - 在线的图片压缩 ⑧ 2024 应该了解的 Node.js 特性 ⑨ CSS 长度单位介绍 - 非常全面的指南 ⑩ 仅使用CSS实现计时器
2024/6/9
articleCard.readMore视野修炼第86期 | CSS 马里奥
① TTSMaker - 在线语音合成工具 ② js 读取文件速度对比 ③ 仅使用 CSS 实现的一个马里奥小游戏 ④ widget-qrcode - 二维码生成组件 ⑤ 使用 npm 分发的开源字体合集 ⑥ jessquery - jQuery 的轻量级平替方案 ⑦ Bau.js - 极小的响应式 WEB 框架 ⑧ 只使用 span 可以做些什么？ ⑨ 5个提升网站访问性能的技巧 ⑩ ollama - 本地运行大模型
2024/6/2
articleCard.readMore视野修炼第85期 | 图小小
① pic-smaller - 图小小 ② 精美的 CSS 背景图 ③ js 进阶问题 ④ Vue Fluid DnD - 适用于Vue的拖拽库 ⑤ 径向渐变背景生成 ⑥ TrasHTTPandas - HTTP 状态码测试 ⑦ 不使用font-weight实现文字变瘦或变胖效果 ⑧ 256字节生成一个动态的城市画面
2024/5/26
articleCard.readMore视野修炼第84期 | Mako
① npmmirror 下线 unpkg 服务 ② Mako - 又一基于 Rust 的构建工具 ③ Icônes - 图标集合检索 ④ go-masonry-gallery - 图片瀑布流页面生成 ⑤ Color Pick - 在线从图片中提取颜色的 ⑥ 制作 CSS 形状的现代指南 ⑦ 针对前端初学者的项目合集 ⑧ Jan - 本地运行大模型客户端
2024/5/19
articleCard.readMore视野修炼第83期 | MarsCode
① MarsCode - 在线 AI IDE ② Turbo Console Log - 快速创建console ③ mcfly - 命令行历史搜索 ④ emoji-mart - emoji 选择组件 ⑤ OpenSumi 3.0 正式发布 ⑥ ElysiaJS - 基于Bun的Web框架 ⑦ extension.js - 跨浏览器插件开发 ⑧ 服务器实时消息获取5种方案 ⑨ Remix Yourself - 图片三合一 ⑩ Arc Windows
2024/5/12
articleCard.readMore小程序中使用 lottie 动画 | 踩坑经验分享
记录分享在小程序中使用 lottie 播放AE动画的方法，以及踩坑经验。
2024/5/7
articleCard.readMore博客性能优化笔记 | 99分
# 博客性能优化笔记 | 99分 闲着没事，拿 lighthouse 测了一下博客网站的性能评测，发现诊断出的问题还挺多，就顺手优化了一下。 这篇文章将记录这个优化的过程。 ## 优化前后对比 lighthouse 检测结果 | 优化前 | 优化后 | | :
2024/5/3
articleCard.readMore视野修炼第82期 | Node.js v22
① Node.js v22 发布 ② Module Federation 2.0 正式发布！ ③ 终极 CSS 形状实现合集 — 单元素实现 ④ 像和朋友聊天一样编写Alt文本 ⑤ 2024 前端工程师手册 ⑥ HTML 属性与 DOM 属性对比 ⑦ LLM Price Check - AI 模型价格对比 ⑧ Image2Text - 图片转描述
2024/4/27
articleCard.readMore视野修炼第81期 | Chrome 124 新功能
① Chrome devtools 124 新功能 ② sshx - 终端协作 ③ ElemSnap - 浏览器美化截图插件 ④ PNPM v9发布 ⑤ Classnames - 变量命名单词表 ⑥ SVG Encoder - SVG 转其它编码 ⑦ 头像动漫化
2024/4/21
articleCard.readMore视野修炼第80期 | Bundows
① Bun 1.1 发布 - Bundows ② Signals 的标准化提案 ③ 免费的AI咒语聚合网站 ④ 前端框架新势力大盘点 ⑤ dashpress - 数据库管理 ⑥ node.js 截图库 ⑦ autospec - API 规范描述文件生成 ⑧ Journey.js - 交互式引导 ⑨ barbajs - 页面切换的平滑过渡 ⑩ CSS 容器查询交互式教程
2024/4/14
articleCard.readMore使用又拍云极速搭建图床
分享一下又拍云的简单用法，以及使用它搭建图床。
2024/4/13
articleCard.readMore视野修炼第79期 | 人很重要，软件只是乐趣
① 译：编程 40 年 - 软件只是乐趣 ② CJS 和 ESM 相互兼容？ ③ superjson - 复杂的JS对象序列化 ④ play-button - 播放音视频的按钮 ⑤ Docker 快速入门 ⑥ 使用样式查询增强 CSS 变量能力 ⑦ 你需要了解的现代 CSS 特性 - 2024 春季版
2024/4/1
articleCard.readMore【期🐴】注册了一个爱发电账号❤️⚡
笔者长期维护着一个 Web 项目，但由于种种原因近几个月在其上的投入时间减少了，群里反馈的一些功能建议没办法及时给到支持。有群友就建议开个众筹
2024/3/28
articleCard.readMore纯前端实现 JPG 图片压缩 | canvas
在迭代图床应用时，需要用到图片压缩，在之前分享了使用UPNG.js 处理 PNG 图片，这里记录分享一下如何处理JPG图片，并附上完整 Demo。
2024/3/24
articleCard.readMore视野修炼第78期 | Node.js纪录片
① Node.js 纪录片发布 ② emgithub - github 嵌入链接获取 ③ Emojisplosion - 表情烟花效果 ④ Chrome DevTools 现在与 Chrome 主题相匹配！ ⑤ CartoSVG - SVG 地图制作 ⑥ MistCSS - 仅使用CSS编写React组件 ⑦ kimi - 支持20万汉字输入 ⑧ Suno v3 - AI 创作音乐
2024/3/24
articleCard.readMore视野修炼第77期 | JSR 的愿景
① UPNG.js - 纯前端实现PNG图片压缩 ② 视频：Deno 团队介绍 JSR，涵盖了主要动机和功能 ③ 摸头杀生成 ④ fig 团队加入亚马逊 ⑤ fx - 终端中友好的处理JSON ⑥ cmdk - 命令行式的React菜单组件 ⑦ Chat Nio - 下一代 AI 一站式解决方案 ⑧ StickerBaker - 个性化贴纸生成工具
2024/3/17
articleCard.readMore纯前端实现 PNG 图片压缩 | UPNG.js
最近在迭代应用的时候用到了 UPNG.js 压缩 PNG 图片，这里记录分享一下使用经验，并附上完整 Demo。
2024/3/16
articleCard.readMore视野修炼第76期 | Rolldown 开源
① Rolldown 开源 - Rollup 的锈化版 ② 前端调试工具超全汇总 ③ OhMyLive2D - Live2D Web 看板组件 ④ 100万级安装量的开源作品，一年有多少打赏收入？ ⑤ Web-Check - 开源的网站分析工具 ⑥ Safari 提供原生 HTML Switch 控件 ⑦ Simple Icons - 流行标志的 SVG 图标 ⑧ CSS 中玩转 Infinity
2024/3/10
articleCard.readMore视野修炼第75期
① JSR - Deno 开发的新的 js 注册表 ② Node.js 新官网 - beta ③ 获取 Web 性能指标的精选代码片段 ④ Mojo CSS - 新的CSS原子化框架 ⑤ Omnivore - 稍后阅读工具 ⑥ tsdiagram - 可视化生成TS关系图表 ⑦ 自渲染的 "Eval Shirt" - StackBlitz 官方整活 ⑧ shoelace - 具有前瞻性的Web Components 组件库 ⑨ CSS :has() 交互式指南 ⑩ image2music - AI 图像音乐生成器 ⑪ AI没有护城河，OpenAI也没有 ⑫ 魅族 All in AI
2024/3/3
articleCard.readMore我如何使用Coze来分析掘金热榜数据 | Coze插件开发
# 我如何使用Coze来分析掘金热榜数据 | Coze插件开发 ## 前言 [掘金热榜](https://juejin.cn/hot/collected-articles)想必大家会偶尔扫一扫，看看感兴趣的进行进一步阅读。  文章相关的榜单主要就是`掘金文章榜`，`文章收藏榜`这两个。 >[扣子（coze.cn）](https://www.coze.cn/)是一款用来开发新一代 AI Chat Bot 的应用编辑平台。  可以理解是 `对话机器人` 定制工厂。  `Coze` 上开放的定制能力主要有 4 个`Bots`，`插件`，`工作流`，`知识库`。 咱们这里要想让机器人读取掘金热榜的数据就要借助插件的能力咯。 **下面进入正题，看看如何把这两者结合起来？** *想要体验最后效果的可以直接访问这个已经搭建好的机器人：[掘金热榜分析](https://www.coze.cn/store/bot/7339921359969108031?from=bots_card)。* | 页面 | 效果 | | :
2024/2/27
articleCard.readMore视野修炼第74期 | 火箭龟🚀🐢
① Node.js 正式推出了它的吉祥物 “火箭龟” - 🚀🐢 ② Web 终极拦截技巧 ③ EasyDevo - Mac垃圾清理&系统监控 ④ Keep Screen On ⑤ WXT - 下一代Web扩展开发框架 ⑥ Localtunnel - 内网穿透工具 ⑦ React 面试题和解答 ⑧ SVG 国旗图标 ⑨ SVG Tutorial - SVG 教程 ⑩ 14 分钟入门 JavaScript - 交互式教程 ⑪ 英：如何居中一个 div ⑫ 使用纯 CSS 创建 DVD 动画 ⑬ Sora 合集
2024/2/25
articleCard.readMore译：使用现代的 Node.js 构建简单的CLI工具
只使用 Node.js 的标准库，不安装任何外部依赖，写一个命令行工具
2024/2/22
articleCard.readMore视野修炼第73期 | AI 春联生成
① AI 春联 ② Vue 10周年啦！ ③ 2024 你应该知道的几个CSS特性 ④ Vite 5.1 发布 ⑤ Baklava:基于web component实现的设计系统 ⑥ Heat.js - 热力图生成 ⑦ React Native 2023调查结果出炉 ⑧ Capacitor - 跨平台应用开发框架
2024/2/10
articleCard.readMore视野修炼第72期 | 22 种方式实现弹 🏀 动画
① code-inspector - 自动定位跳转 IDE 代码 ② AskYourDatabase - GPT驱动的数据库chat工具 ③ 22 种实现弹 🏀 动画的方式 ④ 拿npm存储库《武林外传》 ⑤ unlazy - 图片延迟加载 ⑥ autosize-textarea ⑦ CSS 3D 云彩
2024/2/3
articleCard.readMore译：使用 Bun 执行 Shell 脚本
JavaScript 是世界上最流行的脚本语言。那么为什么在 `JavaScript` 中执行 `Shell` 脚本很困难呢？Bun 又是怎么解决这个问题的？
2024/1/29
articleCard.readMore视野修炼第71期 | Rspack 家族新成员 Rsdoctor
① Rspack 新成员：Rsdoctor ② Bun Shell ③ DCloud:App跨平台框架对比2023版 ④ 🐟WoodenFish - 敲木鱼 ⑤ CSS 实现卡片翻转效果 ⑥ fsx - JavaScript 的现代文件系统 API ⑦ 在vscode中悄无声息地摸鱼 ⑧ 人像生成工具 ⑨ Inpaint-web - 开源的图片修复工具
2024/1/28
articleCard.readMore2023公众号创作回顾
# 2023公众号创作回顾 前几天微信推送了一下 23 年创作回顾，最后还送了些红包封面。 和大家一起分享一下。 ## 先看看数据 | 发表篇数 | 阅读最多的文章 | | :
2024/1/23
articleCard.readMore视野修炼第70期
① vscode-eslint-disable - vscode 插件 ② npm 2023 回顾 ③ 使用JS快速获取视频任意位置缩略图 ④ 基于七牛云OSS的简洁图床 ⑤ FRE123 开源 - 快速搭建个性化导航网站 ⑥ 英：交互式 CSS Grid 教程 ⑦ Calendar Remark - 自定义标记&分享日历 ⑧ 科普：了解文件大小单位
2024/1/21
articleCard.readMore【跑图经验】🏠家 => 🏙公司
# 【跑图经验】🏠家 => 🏙公司 在[23年的总结](https://sugarat.top/offer/experience/2023summary.html)里提到了，23年底从租的房子搬到新家。 自从 21 年毕业出来上班后，交通工具基本就是 自行车/小电驴，选的都是离公司都是比较近的小区。 但现在，上班的交通工具变成公共出行工具（公交/地铁/滴滴）。 **为了早上多睡一会儿，又不迟到(早9.30)，需要总结出一条时间最短的线路**，于是就有了这篇笔记，在最佳的方案出来前，它将记录这个（上班）过程。 ## 纯地铁 花费：日常9折，雾霾天8折（平均一趟 4 RMB）。 *参与了个啥绑卡活动，目前上班这一程只要 1 分钱。* ### 7-1（pass） 线路：家 => 7号线 => 1号线 => 公司 | 时间（MM-DD） | 出门=>上班滴卡（min - time） | 地铁（min） | 花费（￥） | | :
2024/1/14
articleCard.readMore视野修炼第69期
① 2023 CodePen Top 100 ② CSS Hooks | 原生内联样式解决方案 ③ 2024 年前端预测 ④ 媒体查询 scripting ⑤ vscode-common-intellisense - 主流前端组件库提示 ⑥ 在线截图编辑 ⑦ AI Search ⑧ 阿里 AnyText 模型
2024/1/14
articleCard.readMore视野修炼第68期 | 2023 年前端明星项目
🎈 24 年第一期 🐲 🎉 ：① 2023 年 JavaScript 明星项目 ② fast-create-variable - 自动生成变量模板 ③ Vue 3.4 ④ Memo Card - 文字卡片生成 ⑤ svgl - 技术相关 SVG 图标汇总 ⑥ 揭秘 Vue 有趣的版本名称 ⑦ Drawing Prompt - 提示语扩展工具 ⑧ Rolldown 计划24年Q1 开源 ⑨ 不要被前端框架PUA
2024/1/6
articleCard.readMore2023年度总结
时间不在于你拥有多少，而在于你怎样使用
2024/1/1
articleCard.readMore心得总结
目录 * 2023年度总结 * 2022年度总结 * 2021年度总结 * 2020年度总结 * 2020前端春招经验分享 * 前端备战之计算机网络 * 前端备战之操作系统 * 如何编写一份好的互联网
2023/12/31
articleCard.readMore视野修炼第67期
① 掌中宇宙，浩瀚星海，一眼万年 ② Vue 2 即将停止维护 ③ Emoji 搜索引擎 ④ JS 引擎和运行时合集 ⑤ Bun 2024年目标 ⑥ GitHubUnwrapped - 2023年的GitHub行为总结 ⑦ Devv AI 是如何构建高效的 RAG 系统的
2023/12/24
articleCard.readMore【免费】Node.js 入门教程
# 【免费】Node.js 入门教程 掘金小册「Node.js 入门教程」课程地址：[>](https://juejin.cn/book/7304230207953567755) 👍🏻 **这是一本完全免费的小册**，内容涵盖了软件的安装，环境配置，基础知识介绍，进阶知识介绍，多场景的开发实践。  ## Node.js 的优势 * 高性能：基于事件驱动的非阻塞I/O模型，单线程也能够处理大量并发请求； * 跨平台：可以运行在不同操作系统上； * 社区完备：Node.js有一个庞大的社区，有丰富的文档和开源项目沉淀； * 易上手：学习门槛低，环境配置简单，开发&部署迅速。 ## 应用场景 * 服务端开发：[Express](https://expressjs.com/)、[Koa](https://koajs.com/#application)、[Midway](https://midwayjs.org/)、[Egg](https://www.eggjs.org/zh-CN)； * 桌面应用：[Electron](https://www.electronjs.org/)、[NW.js](https://nwjs.io/)、线上应用 [VS Code](https://code.visualstudio.com/)、[飞书](https://www.feishu.cn/)、[新版QQ](https://im.qq.com/macqq/index.shtml)； * 移动应用：[React Native](https://reactnative.cn/)、[Weex](https://weexapp.com/zh/)； * Web开发：[Vue](https://cn.vuejs.org/)、[React](https://zh-hans.react.dev/)、[Svelte](https://www.svelte.cn/)等前端框架 * 构建工具：[webpack](https://webpack.docschina.org/)、[Vite](https://cn.vitejs.dev/)、[Rollup](https://rollupjs.org/)； * CLI工具：前端开发者常用的各种项目脚手架和工具，如：[nodemon](https://www.npmjs.com/package/nodemon)、[whistle](https://github.com/avwo/whistle)、[http-server](https://www.npmjs.com/package/http-server)； 当然还有很多很多，等着你去探索……  本教程主要包含7个章节，涵盖了`软件的安装`、`环境配置`、`基础知识介绍`、`进阶知识介绍`、`多场景的开发实践` ღ( ´･ᴗ･\` )。 ## 适合人群 * 想通过 `JavaScript` 写一些脚本处理日常工作； * 对Web前端已经有一些了解，想自己做一个后端服务； * 其它后端技术栈的同学，想了解一下 `JavaScript` 如何做后端服务。
2023/12/17
articleCard.readMore视野修炼第66期
① Oxlint 正式发布 ② CSS 发展总结 - 2023年 ③ bproxy - 抓包代理工具 ④ GPT Assistant - 开源的GPT安卓客户端 ⑤ CodeGeeX2 - 更强大的多语言代码生成模型
2023/12/17
articleCard.readMore视野修炼第65期 - 兴趣是一种天赋
① 和尤大聊项目进展、开源社区协作和前端思考 ② 盘点2023年前端大事件 ③ VS Code 1.85 发布 - 支持浮动窗口 ④ 前端DevOps平台的探索及设计理念 - 哔哩哔哩技术 ⑤ Vitest 1.0 发布 - 下一代测试框架 ⑥ URL.canParse - JS 新增方法 ⑦ What the f*ck JavaScript? ⑧ 获取随机头像API ⑨ Devv - 最懂程序员的新一代 AI 搜索引擎 ⑩ Ai Cute Wallpapers - 免费的文生图
2023/12/10
articleCard.readMore视野修炼第64期
① VueDraggablePlus - 祖师爷推荐拖拽库 ② 三行 CSS 实现文本悬停浮空 ③ 可视化CSS动画编辑器 ④ Biome 赢得了 Prettier 悬赏奖金 ⑤ 微前端时代：打造高效、灵活的前端开发体系 ⑥ menu with the popover API ⑦ COLR Font ⑧ SDXL Turbo - 体验极快的文生图 ⑨ Vectorizer.ai - PNG/JPEG转SVG
2023/12/3
articleCard.readMore视野修炼第63期
① 前端量子纠缠效果 ② Rsbuild 登场 ③ Easydict - 词典翻译 macOS App ④ 一文带你了解前端渲染模式演进史 ⑤ 截图生成网页源码
2023/11/26
articleCard.readMoreESM中使用CJS模块特有的变量和方法
前言 最近在看 VitePress 的源码时看到了一个`createRequire`方法，如下。 ```ts import { createRequire } from 'module' const
2023/11/22
articleCard.readMore视野修炼第62期
① Vite5.0 发布！ ② Bubble - README 小组件 ③ EmojiGen - AI emoji生成 ④ 自适应文本框的 CSS 实现 ⑤ 悬赏1w$做 Rust 版 Prettier ⑥ pacquet - Rust重写pnpm ⑦ ShortbreadAI - AI 漫画生成 ⑧ ChatGot - 一个窗口调用多个模型 ⑨ 最佳AI标题、描述和关键词生成器 ⑩ YesChat.ai - 免费的GPT体验
2023/11/19
articleCard.readMore