关于本站
建这个站的目的是发些动态，保存一些自己用的东西，顺便做些资源分享，技术交流，吐槽等。本站并非正经的资源分享站，站长极其佛系，分享的东西也基本都是站长正在用的或者是测试过的。站长经常会用本站做一些奇怪的测试，如果发现网站变得不正常，这很正常！为啥叫野路子？我...
羊村度假第四天，头晕咳嗽，要在羊村跨年了~~😫😫😫
CSS文字等宽显示，避免数字变化时的抖动
为数字设置font-feature-settings:"tnum"，可以让数字等宽显示，从而避免数字变化时的抖动。比如某些手机的系统字体竟然不等宽！！！别看了，说的就是你，MiSans！！！<!doctype html&...
如何禁止控制台输出log？JS代码中加入console.log = function () {}
console.error = function () {}
常用正则表达式收集
先推荐一个正则表达式可视化小工具：https://tool.yeelz.com/devtool/37.html对正则阅读有障碍的同学可以借助这个工具将正则可视化，从此爱上读正则号码相关手机号（以1开头）：/^(?:(?:\+|00 86 ?1\d{10}$...
如何更优雅的使footer保持在页面的最底部
几个月前（恍如昨日~~）写过一篇如何优雅的使footer保持在页面的最底部的水文。使用flex布局实现了页脚始终在容器底部。这几天在做一个页面时用到了Grid网格布局，突然想到，用Grid布局实现粘性页脚貌似更简单啊。什么是Grid网格布局Grid布局能将...
CSS伪类和伪元素区别及常用伪类伪元素
伪类（pseudo class）和伪元素（pseudo element）都是前端开发中经常接触的概念，但是这两个概念特别容易搞混。什么是伪类、伪元素？伪类：以冒号（:）开头，用于选择处于特定状态的元素。伪元素：以双冒号（::）开头，用于在文档中插入虚构的元...
“愉快”的暑假马上要结束了，两个月没更新了，刷一下存在感😴
如何优雅的使footer保持在页面的最底部
今天看到拓源的ZBLOG群里有人问为什么纯净主题的footer不在最底部。看了一下截图，发现是因为他的文章太少了，content部分不够多，于是在页面下方会留出部分的空白比较暴力的解决办法就是给主体部分加一个最小高度比如：section { &...
用details写一个纯HTML5的折叠菜单
details是HTML5新增的一个有趣又没用的标签，因为它兼容性实在有点差，按照百度来的说法，details只兼容Chrome, Safari 8+ ，Opera 26+details标签用于描述文档或文档某个部分的细节，更容易理解的一种用法：折叠菜单例...
