Mofei LogoFront-end

Magic CSS property: box-decoration-break

How to prevent the rounded corners and background color of highlighted text from breaking when wrapping? This can be solved by using the box-decoration-break: clone; property. This property allows the background, border, and padding of a split box model to be cloned to each split part, thus ensuring consistency of style.

May 10, 2023 10:25 PM
1257
Mofei LogoFront-end

CSS position: sticky

This article currently has no summary

May 1, 2023 6:07 PM
1507
Mofei LogoFront-end

Notes of CSS Variable Secrets - CSS Day 2022

I accidentally watched the video about CSS Variable introduced by Lea Verou on CSS Day 2022, and I have to feel that CSS has almost become something I do

Aug 23, 2022 8:14 AM
4397
Mofei LogoFront-end

This article currently has no summary

Apr 1, 2022 12:49 PM
5636
Mofei LogoFront-end

Understand microtasks and macrotasks in JavaScript

If a piece of JavaScript code contains a setTimeout almost all front-end students know that the code will be delayed (asynchronous) execution, but if the code at the same time there is a setTimeout, await, and Promise resolve, then we can still say that the order of their successive execution?

Jan 14, 2021 12:25 AM
5487
Mofei LogoFront-end

Configure the global .gitignore file

Often times, when reviewing code, you'll see that the .gitignore file has some new developers' own environment variables such as .vscode. .vscode is the configuration file for vscode, and if everyone puts their environmenteditor configuration into .gitignore, it will result in a very long and hard to maintain .gitignore file. maintenance. Is there any way to fix this in order to keep the project clean and tidy? Translated with www.DeepL.comTranslator (free version)

Jan 4, 2021 10:46 AM
3583
Mofei LogoFront-end

How to implement a time control using Canvas

This article currently has no summary

Mar 22, 2020 1:54 PM
3928
Mofei LogoFront-end

How to load super nice Mapbox maps in WeChat apps?

Wechat mini apps, are becoming a kind of Pre-App, a lightweight way to test the functionality and user scenarios of an App, facilitating smarter decisions in a formal App. Unfortunately, in WeChat's apps, only its own maps are supported, such as the most basic map display. So developers looking at the beautiful style of Mapbox, really can only look at the ocean sigh?

Jun 6, 2019 8:48 AM
6521
Mofei LogoFront-end

Using Mapbox maps in WeChat apps

This article currently has no summary

Jan 22, 2019 3:14 AM
1394
Mofei LogoFront-end

JavaScript add 0 before number tips

A friend who often processes financial data may encounter a need to convert a string of a fixed length to a fixed length, such as 123 = 000123. Usually we will try this: let num = 123; c

Jan 10, 2019 3:21 AM
4990
Mofei LogoFront-end

Code quality control for writing code like a senior engineer

This article currently has no summary

Nov 13, 2018 3:35 PM
6504
Mofei LogoFront-end

JavaScript to generate CSV, and the Chinese garbled problem

This article currently has no summary

Aug 22, 2017 12:57 PM
10077
HI, THERE!I AM MOFEI

(C) 2010-2024 Code & Design by Mofei

Powered by Dufing (2010-2020) & Express

IPC证:沪ICP备2022019571号-1