全部文章
按发布时间浏览小栋博客的全部内容
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
植物大战僵尸杂交版最新pvzHE_v2.1.0含游戏窗口放大工具
《植物大战僵尸杂交版》(pvzHE)是 B 站 UP 主"潜艇伟伟迷"基于《植物大战僵尸》原版魔改的同人塔防游戏。核心玩法是它独创的"杂交合成系统"——把不同植物杂交,造出外观和能力都全新的植物;加上数量众多的植物和角色、每个角色独特的技能,玩起来比原版更有花样。 本次分享的是较新的 pvzHE v2.1.0,另外附带游戏窗口放大工具——原版窗口偏小,配合放大工具玩起来眼睛舒服很多。
某大佬收藏100+前端工具和网站推荐收藏夹公开
这份清单是给谁的 整理这份"私藏网站"清单的初衷是给自己留个书签 —— 前端工作两三年下来,各种工具、文档、灵感站点散落在各处,索性集中归类。下面按主题分组,每个都附简短说明,自己挑用得上的。 JavaScript 学习资源 JavaScript 教程(网道) —— 阮一峰的 JS 教程,中文 JS 入门最稳的资源 ES6 入门教程 —— ES6+ 特性详解,边学边查 MDN JavaScript —— 任何 API 不知道怎么用就
绿色免安装Navicat Premium
Navicat Premium 是数据库圈子里最知名的图形化管理工具之一。它最大的特点是"一个工具连所有"——MySQL、PostgreSQL、SQL Server、Oracle、SQLite、MariaDB、MongoDB 等主流数据库,都能在同一个界面里管理,不用为每种库单独装客户端。 常用功能 可视化建表、改表、写查询,SQL 不熟也能上手。 数据传输、结构同步、数据备份与还原。 跨库的数据迁移和对比。 查询构建器、报表、自动化任务计划。
CSS 专业技巧
这篇是什么 CSS 用过几年都会有一些"原来这样写可以省事"的发现 —— 多数不在官方文档显眼位置,但用过一次就再也不会忘。本文汇总 20 多个我用着舒服的小技巧,按主题分组。 1. CSS Reset(浏览器样式归一) 不同浏览器默认样式不同(margin、padding、字号都有差异),做精细布局前先 reset。最简洁的现代版本: *, *:: before , *:: after { box-sizing : borde
CSS新用法 - min()、max()、clamp()、:where()、:is()、:has()
这篇讲什么 CSS 这几年新增了一批 函数式 和 选择器 ,大幅简化了以前需要写一堆代码才能完成的需求。本文挑 6 个最常用的: min() / max() / clamp() 三个函数, :where() / :is() / :has() 三个选择器。 min() - Chrome 79+ / 全浏览器支持 min() 函数取多个值中最小的,常用于"响应式宽度":想要某个最大宽度,但小屏幕时跟着屏幕缩。 /* 这个例子没什么意义，因为最小
CSS新用法 - :modal、::backdrop、:picture-in-picture、:placeholder-shown、inset、scrollbar-gutte、backdrop-filter
这篇讲什么 CSS 这两年又加了一波新特性,主要是给特定场景下的视觉效果开了快捷通道 —— 模态框、画中画、自定义滚动条、玻璃磨砂等等。下面整理 8 个最实用的,带浏览器支持版本和实际代码。 :modal 伪类 和 ::backdrop 伪元素 - Chrome 105+ :modal 用来匹配处于"模态"状态的元素,通常配合 <dialog> 元素的 showModal() 方法使用。这种模态框 会自动屏蔽掉后面其他元素的交互 ,不需
如何让百度在24小时内完全收录您的网页？
百度收录是大多数站长绕不开的事——页面进了索引库才有机会拿到排名。但收录这件事时快时慢:有的文章刚发出去就被秒收,有的发了十几天还查不到。这篇就把百度收录的逻辑、查询方式和加快收录的实操方法理一遍。 百度收录的基本流程 抛开屏蔽、死链这些异常情况,一个页面被收录的完整链路是这样的: 页面 URL 产生 → 百度派出蜘蛛 → 蜘蛛发现网址 → 蜘蛛抓取页面 → 反馈页面信息 → 进入百度数据区 → 算法判断页面质量 → 进入索引库 → 建立索引 → 用户搜索关键词
Mores