About this site

The purpose of building this station is to make some updates, save some things for your own use, and do some resource sharing, technical exchanges, complaints, etc. This website is not a serious resource sharing station. The webmaster is extremely Buddhist, and the things shared are basically what the webmaster is using or has tested. The webmaster often uses this website to do some strange tests. If the website becomes abnormal, it is normal! Why is it called a wild road? I...
 About this site
On the fourth day of the holiday in Yangcun, I felt dizzy and coughed. I was going to spend the New Year in Yangcun~~ 😫😫😫
Sheep~~ 1 month ago

CSS text is displayed in equal width to avoid dithering when numbers change

Set font feature settings for numbers: "tnum" to make numbers display in equal width, so as to avoid jitter when numbers change. For example, some mobile phones have different system fonts!!! Don't look, it's you, MiSans!!!<! doctype html&...
 CSS text is displayed in equal width to avoid dithering when numbers change
How to disable the console from outputting logs? Add console. log=function() {} to the JS code console.error = function () {}

Collection of common regular expressions

First recommend a regular expression visualization gadget: https://tool.yeelz.com/devtool/37.html Students with difficulties in regular reading can use this tool to visualize regular reading, and from then on, they love reading regular numbers related mobile phone numbers (beginning with 1):/^ (?: (?: +| 00 86? 1 d {10} $
 Collection of common regular expressions

How to keep the footer at the bottom of the page more elegantly

A few months ago (as if yesterday), I wrote an article about how to keep the footer at the bottom of the page gracefully. Using flex layout, the footer is always at the bottom of the container. I used the grid layout when I was creating a page these days. It suddenly occurred to me that it seems easier to use the grid layout to implement sticky footers. What is a grid layout? A grid layout can transform
 How to keep the footer at the bottom of the page more elegantly

Differences between CSS pseudo classes and pseudo elements and commonly used pseudo classes and pseudo elements

Pseudo class and pseudo element are frequently used in front-end development, but they are particularly easy to confuse. What are pseudo classes and pseudo elements? Pseudo class: starts with a colon (:) to select elements in a specific state. Pseudo element: starts with a double colon (::), which is used to insert a fictitious element in the document
 Differences between CSS pseudo classes and pseudo elements and commonly used pseudo classes and pseudo elements
The "happy" summer vacation is coming to an end. It has not been updated for two months. Please brush your sense of existence 😴
The holiday is almost over Six months ago

How to keep the footer at the bottom of the page gracefully

Today, someone in Tuoyuan's ZBLOG group asked why the pure theme footer was not at the bottom. After looking at the screenshot, I found that the reason is that his articles are too few and there are not enough content parts, so some blank spaces will be left at the bottom of the page. The solution is to add a minimum height to the main part, such as section {&
 How to keep the footer at the bottom of the page gracefully

Write a pure HTML5 fold menu with details

Details is an interesting and useless tag added in HTML5 because of its poor compatibility. According to Baidu, details is only compatible with Chrome, Safari 8+, and Opera 26+details tags, which are used to describe the details of a document or a part of a document. It is easier to understand a usage: folding menu example
 Write a pure HTML5 fold menu with details
Top