saber酱的抱枕

努力变强

02/19
03:20
软件

一个 JavaScript 拾色器



DEMO:选取颜色可以改变网页的背景颜色。

我在网上找到了个 JavaScript 拾色器(原网址),觉得比较小巧方便,就花了一些时间对它进行修改和优化。

当我觉得已经搞完的时候,才醒悟过来这个拾色器没有灰度,无法选取灰色、黑色。这使它的实用性大打折扣,但这也是没办法的事。(原因下面再讲)

姑且放个下载吧(内附 demo 和使用说明):

colorPicker.js
Read More →

一个 JavaScript 拾色器

02/14
02:56
软件

使用 UnCSS 移除冗余的 CSS 规则

CSS 文件里出现冗余的规则是很常见的,比如我们引用了某个 UI 框架的 CSS 文件,里面包含了所有组件的样式规则。但是我们在一个页面里不可能用到所有的组件,那么用不到的规则就是冗余的,我们可以使用 NodeJS 的 UnCSS 包来去掉冗余的规则。

UnCSS GitHub 页面

首先安装 UnCSS:

npm install -g uncss

之后指定要分析的页面的 url,并设置输出的文件名:

uncss http://127.0.0.1:5500/index.html > styles.css

如上示例,UnCSS 会分析指定 url 的页面,提取所有被使用的 CSS 规则,保存到一个新的 CSS 文件里。非常快速便捷。

上面的示例是分析单个页面,我们也可以通过配置文件来让 UnCSS 批量处理多个页面。不过我还不清楚有没有分析整站的办法。

使用 UnCSS 移除冗余的 CSS 规则

02/13
06:29
软件

美桌网壁纸批量下载工具

美桌网壁纸批量下载工具

美桌网(http://www.win4000.com/)是一个壁纸图片网站,我想下载它的“二次元桌面壁纸”专题里的所有图片。但是这个专题有 5 个列表页,里面有 120 个图册,每个图册又有 8 张左右的图片,合起来有近千张图片。所以我写了个脚本用来自动抓取美桌网的壁纸图片网址。

该脚本可以在美桌网的任意列表页使用,就是图片列表底下有页码的:

美桌网壁纸批量下载工具

在列表页打开浏览器控制台,复制下面的脚本内容粘贴进去,按 enter 执行。等执行完毕,会打开一个新窗口输出图片网址。
Read More →

美桌网壁纸批量下载工具

01/28
02:36
软件

QTTabBar 给资源管理器加上标签页

QTTabBar 给资源管理器加上标签页

以前我用过几年 Cover,它是一个给资源管理器加上标签页的软件,但是后来它变得有广告了,还加了会员登陆之类的功能,我就卸载了。这之后大概快两年了吧,没再用过标签页类软件,但标签页还是挺方便的,去年听说 Windows 10 新版本要加入 Sets 多标签页功能,我还很期待,不料这个功能最后流产了。今天闲来无事,又折腾了下 QTTabBar 这个软件,觉得也挺不错。
Read More →

QTTabBar 给资源管理器加上标签页

01/25
03:22
软件

使用 Node.js 按图片宽高比例筛选图片

最近我从 Pixiv 下载了 800 多张图片,想挑选一些适合做电脑壁纸的,这就要求图片是横图,不能是竖图。一张张删除太麻烦,我就去搜索有没有什么软件可以按图片的宽高比例来筛选图片,结果没找到合适的。

今天我去某个群里问,有人说你用 python 写个脚本吧。自学 py?听起来不错,但一说到脚本,我就想起了今年下半年……咳咳,想起了 Node.js,都是脚本嘛,都要加载模块,何必去学一门新语言,那样需要花的时间太多了。
Read More →

使用 Node.js 按图片宽高比例筛选图片