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() 方法使用。这种模态框 会自动屏蔽掉后面其他元素的交互 ,不需
Vscode,Prettier,ESLint配置及注释
这些工具是干嘛的 三个不同层面的工具,日常一起用: Prettier —— 代码格式化器。管空格、缩进、引号、分号、行宽。"格式"层面的事 ESLint —— 代码质量检查器。管"代码有没有错"(用了未定义的变量、忘了 await、空 catch 等) VS Code 配置 —— 编辑器本身的设置,让上面两个工具在保存时自动跑 下面把我现在工程里用着的配置全贴出来,边贴边解释。直接抄作业,改你想改的部分。 VS Code s
python写一个小米rom下载直链获取器
需求场景 小米手机刷机时常用 fastboot 包,但官方下载地址( bigota.d.miui.com )经常变,而且页面上找当前手机型号最新版的过程很烦 —— 要先选区域、再选系统、再选机型,翻好几层。 这个 Python 小项目的作用: 给定手机机型代号( cetus / cmi 这种),自动拼出当前最新版 ROM 的下载链接 支持稳定版、开发版、欧版、印度版等多线分支 批量并发抓取,几秒钟出结果 原理 小米 ROM 的下载
BBR原版/魔改/plus/锐速多合一脚本linux加速脚本/硬盘挂载/cc防御/宝塔/dns
这是什么 VPS / 服务器跑久了,经常需要折腾: 装 BBR / BBR Plus / 锐速,加速 TCP 跨境传输 挂载额外数据盘 装宝塔面板做可视化管理 改 DNS、防 CC 攻击 新云大佬整理了一套多合一脚本,把这些常用功能集成在一个交互菜单里,登录服务器跑一下就能装。CentOS 7 系最稳。 一键运行 wget --no-check-certificate -O tcp.sh https://dazhuzai.cn/t
CSDN文章去除广告保存文章油猴脚本
问题:CSDN 文章保存太难了 CSDN 几个让人抓狂的体验: 非登录用户只能看到正文一半 ,后半截被"关注作者"挡住 代码块被"展开全部"按钮折叠 ,要手动点开才能看完整代码 侧边栏一堆广告 ,打印 / 另存为 PDF 时把版面挤得一塌糊涂 各种弹窗 (下载 App、关注我们、登录提示) 下面这个油猴脚本(Tampermonkey)的作用:进入任意 CSDN 文章页,自动: 移除"关注作者继续阅读"遮罩,显示完整正文 点开
浏览器同时让四个搜索引擎一起帮你搜索
需求场景 我有时候搜东西,百度结果不靠谱,要换 Bing;再不行换 360;还不行去搜狗。最后发现想要的信息在搜狗里。来回切换搜索引擎,粘贴关键词,重复四遍 —— 时间全浪费在重复劳动上。 一个简单的 JavaScript 书签(bookmarklet)就能解决: 选中关键词,点这个书签,自动在四个搜索引擎里同时开标签页搜索 。一次点击,4 个结果,横向对比。 书签代码 这段 JavaScript 读剪贴板的内容(或者你选中的文字),分别用百度、必应、36
傻瓜式本地一键安装各种 AI 模型的浏览器
本地跑 AI 模型的痛点 2023 年开始,本地跑大模型成了热潮。但实际操作时,普通人面对的是: Python 环境冲突 —— A 项目要 PyTorch 2.0,B 项目要 1.13,装一个废一个 CUDA 版本对不上 —— 显卡驱动、CUDA toolkit、PyTorch 三个版本要对齐 模型权重文件巨大(几十 GB),下载到一半 502 GitHub 项目的 README 看着像天书,装到一半 stuck Pinokio 就是冲着这堆痛
最新GPT相关开源项目合集
这份合集的初衷 2023 年到 2024 年是 GPT / LLM 应用工具大爆发的两年。GitHub 上每天都有新的开源项目冒出来,质量良莠不齐。整理这份合集是为了给自己留个备忘 —— 用过、看过、确实有口碑的项目,分类归档,下次起新项目时直接挑。 本文最早写于 2023 年底,内容以那时候的热点项目为主。文末补一段 2026 年现状回顾 ,标记哪些还活着、哪些已经死掉、哪些有了更好的替代。 按场景分类的速览 需求 推荐 备注
超好看的Typora自定义主题分享 (Mac风格图片立体感)
为什么自定义 Typora 主题 Typora 自带的主题已经不错(Github、Newsprint、Pixyll 等),但默认主题做的是"通用阅读视感"。如果你长期在 Typora 里写技术文档,经常贴代码块和图片,可能就想要一个: 代码块顶部带 macOS 风的红黄绿三圆点 图片显示带阴影 / 圆角,视觉更立体 标题左边带彩色竖线,层级一眼分清 引用块、表格、链接的颜色更舒服 这就需要自定义主题。下面两份 CSS 是我自己常年用的两套(白底
搜狗图片搜索官方API接口返回json格式
用途说明 搜狗图片( pic.sogou.com )有个搜索接口,虽然官方没明确开放给个人开发者,但接口本身能直接访问,返回 JSON 格式数据,可以用来做图片搜索、壁纸抓取、内容采集这类项目。不需要 API key,直接 GET 请求即可。 接口地址 https://pic.sogou.com/napi/pc/searchList?mode=20&start=(页数)&xml_len=48&query=(关键词) 实例: # 搜手机壁纸,第
Mores