



浏览器html的DOM尺寸相关api
DOM 尺寸 API:offset / scroll / client JavaScript 里关于元素尺寸的 API 有 三组共九个 : offsetWidth / offsetHeight 、 scrollWidth / scrollHeight 、 clientWidth / clientHeight ,加上对应的 Top / Left 。看起来一样,实际差别巨大。本文系统梳理一遍,带可视化图。 1. offset 系列(元素本身) offs

一些适用于中国大陆的CDN整理
为什么需要国内 CDN 很多开源库、博客模板默认引用国外的 CDN(unpkg、jsDelivr、Google Fonts、cdnjs 等)。这些在国内访问速度从"勉强能用"到"完全打不开"都有。如果你的网站把核心 JS、CSS、字体托管在这些国外 CDN 上,国内访问者很可能等几秒甚至超时。 解决:用国内可用的免费 CDN 服务,把资源迁过来。本文整理目前(2024-2025)稳定运行、能让站点国内外都跑得快的 免费 CDN 站 ,按性质分组。 说明:文中没

在Windows中,搜狗输入法输出直角引号「」的优雅方式
为什么用直角引号「」 中文排版圈一直有"直角引号 「」"和"弯引号 ""的派别之争。我现在固定用直角引号,理由: 视觉辨识度高 —— 在 Unicode 里,中文和西文的弯引号( " " )共用同一码位,显示宽度是按西文设计的,比汉字窄一截。混在一段中文里,引号常常糊在一起,边界不清。直角引号「」是中文专属字符,宽度跟汉字一致,夹引内容时边界非常清楚。 避免歧义 —— 弯引号 " " 在中文圈里有"反话 / 讽刺"的语用色彩(比如:他真是个"好

node管理工具Volta的使用
Volta 是什么 Volta 是一个 Node.js 版本管理工具,跟 nvm 是同一类东西,但有一个核心差别: nvm —— 用 nvm use 18 命令 手动 切换版本。切换是全局生效的。 Volta —— 自动根据当前项目的 package.json 切换版本。 cd 进项目就自动用对的版本 ,无感切换。 同时维护多个项目用不同 Node 版本时,Volta 是 nvm 的明显升级。原理:Volta 在 PATH 里塞一个 shi

nvm-windows的使用
为什么要装 nvm-windows 同时维护几个 Node 项目的人多半都遇到过这个尴尬:A 项目跑在 Node 16,B 项目要 Node 18,C 项目最近升到 22 用了新的内置 fetch。直接装一个版本然后到处兼容是行不通的 —— 总有一个会跑不起来。 nvm-windows 就是用来解决这个问题的:它是一个独立的命令行工具,管理本机的多个 Node 版本,一行命令切换。Windows 上和 macOS / Linux 上的 nvm 不是同一个项目(那个是

前端持续更新⭐收集有特色的库
这份清单是什么 这是我日常工作里积累的"有特色"的前端库 —— 不是那种"必装"工具(那些大家都知道),而是 解决特定场景特别巧 的库。比如做拖拽必想到 vue-grid-layout、做粒子动画必想到 tsParticles 这种。 按用途分类:交互、动效、可视化、3D、表格 / 表单、Markdown 渲染、富文本编辑、其他。 交互类 Name/GitHub Desc Demo Vue Grid

利用GitHub Action自动备份Notion数据到仓库
为什么要备份 Notion Notion 这两年虽然总体稳定,但服务崩溃几次都把人吓出冷汗。"Local first"(本地优先)的呼声越来越大 —— 数据存哪都没在自己机器 / 仓库里靠谱。 但 Notion 的多端同步、协作、视图能力实在难以替代,完全切换到本地工具(Logseq、Obsidian)又有舍不得。 折中方案:继续用 Notion,但自动备份到 GitHub 仓库。 实现方式:GitHub Actions 定时跑一个脚本,调用 Notion 非官

自建Docker Hub镜像方法
为啥要自建 Docker 镜像源 2023 年 5 月开始,中国大陆访问 Docker Hub 官方域名 hub.docker.com 越来越不稳。一开始还能用国内镜像源(网易、阿里、腾讯、中科大、上交、南大、dockerproxy 等)勉强续命,但 到 2024-2025 年,大部分国内 Docker 镜像源相继停服或限制访问 : 网易、百度 —— 早就死了 南京大学、中科大、上海交大 —— 2024 年明确停止 Docker 镜像缓存服务 dock

某大佬收藏100+前端工具和网站推荐收藏夹公开
这份清单是给谁的 整理这份"私藏网站"清单的初衷是给自己留个书签 —— 前端工作两三年下来,各种工具、文档、灵感站点散落在各处,索性集中归类。下面按主题分组,每个都附简短说明,自己挑用得上的。 JavaScript 学习资源 JavaScript 教程(网道) —— 阮一峰的 JS 教程,中文 JS 入门最稳的资源 ES6 入门教程 —— ES6+ 特性详解,边学边查 MDN JavaScript —— 任何 API 不知道怎么用就