分享一枚 360 壁纸的 API ( 最新版 )

上回书说到最近一直在折腾gebilaoli.com这个站点最初的时候网站背景用的是Bing每日壁纸,后来发现360浏览器里的壁纸相当不错,于是就改用360壁纸了废话不多说,直接上链接https://mini.browser.360.cn/n...
分享一枚 360 壁纸的 API ( 最新版 )

网站使用APlayer+MetingJS实现音乐播放 刷新页面保持音乐播放进度

最近一直在瞎折腾gebilaoli.com这个站点,前几天有突然想给他加个在线播放音乐的功能。于是想到了APlayer。APlayer是一个简约且漂亮的HTML5音乐播放器,支持多种模式,包括播放列表模式、吸底模式。使用也很简单,只需要在页面内加上相关代码...

ttf 转换 woff2 工具, woff2 ttf 互转

最近在做主题的时候把HarmonyOSSans字体嵌到了里面,但是中文字包体积实在是太大,一个HarmonyOS_Sans_SC_Regular字体达到了7.87M。于是想到了通过将ttf格式字体转换为woff2格式来减少体积。woff...
ttf 转换 woff2 工具, woff2 ttf 互转

CSS 使用 font-weigh 根据粗细程度选择不同的字体

看到这个标题,有人第一反应可能是font-weigh不就是是控制字体粗细的吗?为什么要选择不同字体包?因为很多字体不包含粗细级别,设置font-weight是无效的!我们来看下面这个例子使用同一个字体,font-weight分别设置为600、500、40...
CSS 使用 font-weigh 根据粗细程度选择不同的字体

使用 CSS 的 steps() 动画让哥哥动起来,🐔🍐🌞🍓

css阶梯函数steps()是animation-timing-function属性的另一种函数值,以帧的方式过渡,可形成定格动画。语法:animation-timing-function:steps(number,[end|start])参数说...
使用 CSS 的 steps() 动画让哥哥动起来,🐔🍐🌞🍓
作死升级了Z-Blog1.7.3.3200 (Beta)版本,猪这次发挥不太稳定,竟然没出什么问题😂😂😂

CSS 文字等宽显示,避免数字变化时的抖动

为数字设置font-feature-settings:"tnum",可以让数字等宽显示,从而避免数字变化时的抖动。比如某些手机的系统字体竟然不等宽!!!别看了,说的就是你,MiSans!!!<!doctypehtml>&...
CSS 文字等宽显示,避免数字变化时的抖动
如何禁止控制台输出log?JS代码中加入console.log = function () {} console.error = function () {}

常用正则表达式收集

先推荐一个正则表达式可视化小工具:https://tool.yeelz.com/devtool/37.html对正则阅读有障碍的同学可以借助这个工具将正则可视化,从此爱上读正则号码相关手机号(以1开头):/^(?:(?:\+|00)86)?1\d{10}$...
常用正则表达式收集
Top