JS - Herald Tech Notes

PostCSS - A tool for transforming CSS with JavaScript

PostCSS 是一个使用 JS 插件转换 CSS 样式的工具。这些插件可以检查（lint）CSS，支持 CSS Variables 和 Mixins，编译尚未被浏览器支持的先进的 CSS 语法，内联图片，以及其它很多优秀的功能。 PostCSS 在工业界被广泛地应用，其中不乏很多有名的行业领导者，如：维基百科、Twitter、阿里巴巴、JetBrains。PostCSS 的 Autoprefixer 插件是最流行的 CSS 处理工具之一。 PostCSS 接收一个 CSS 文件并提供了一个 API 来分析、修改它的规则（通过把 CSS 规则转换成一个抽象语法树的方式）。在这之后，这个 API 便可被许多插件利用来做有用的事情，比如寻错或自动添加 CSS vendor

JS

JS代码批量删除/仅自己可见新浪微博

注销新浪微博层层关卡，微博本身又不提供停用微博功能。用代码一点点删吧。批量设置仅自己可见 var items = [...document.getElementsByClassName('WB_feed WB_feed_v3 WB_feed_v4')[0].children].map(item => ({item, mid: item.getAttribute('mid')})); console.log('将要处理：' + items.length + ' 条微博'); var interval = setInterval(function() { var item = items.shift(); if (!item) { clearInterval(interval); console.log('处理完毕！')

frontend

How to using validate.js with custom rule

表单需要对手机号码字段做验证，找到了一个能匹配目前几乎所有号段的正则表达式： /^(13[0-9]|14[5-9]|15[012356789]|166|17[0-8]|18[0-9]|19[8-9])[0-9]{8}$/ Form <form name='join' method='post' action=''> ... <input id="id_mobile" name="mobile" type="text"> <button type="submit">

Electron

Nativefier - 把网页打包成 Electron 应用

Nativefier - 能够把任何网页打包成 Electron 应用。安装 Nativefier 依赖 Electron，因此需要分别安装两者。 ~$ npm i -D electron@latest ~$ npm install nativefier -g 使用将微信网页版打包成 Electron 应用： ~$ nativefier "https://wx.qq.com" 也可以给应用指定一个名字： ~$ nativefier --name "weixin" "https://wx.qq.com" **注意：**名字不能包含空格其他参数微信网页版的宽高默认为 1000 x 600，可以在生成应用时指定。