The code is well written, and the Reduce method is indispensable. I use these 10 examples to deepen my learning!

By RamgenTranslator: front end Xiaozhi Source: devThere are dreams and dry goods. Wechat search [Daqian world] pays attention to this bowl washing wisdom who is still washing dishes in the early morning.This article GitHub https://github.com/qq449245884/xiaozhi It has been included. There are complete test sites, materials and my series of art ...

Added by Aeglos on Fri, 19 Nov 2021 02:07:42 +0200

Bootstrap [grid layout] [notes]

grid layout Grid layout is used for page allocation in the Bootstrap framework. Its function is mainly to make responsive pages, which can adapt to our mobile phones, PIDs, computers and computers with larger screens. You only need to make one page to adapt to these four situations. It's very convenient. Compared with what we talked about bef ...

Added by irn3rd on Fri, 12 Nov 2021 19:02:59 +0200

The solution of father son style isolation in heaven and earth -- a taste of postcss

Cause After the child applies the style, it is loaded. Because the parent and child apply the style with the same name, the style is overwritten thinking Take the parent application elementUi2.0 as an example and the child application elementPlus as an example Check the official document. The official document gives two solutions, which are ...

Added by zeberdeee on Mon, 08 Nov 2021 11:17:18 +0200

flex flexible layout knowledge points

preface Study hard and remember these attributes, which will be of great use in the future. Tip: the following is the main content of this article. The following cases can be used for reference 1, flex flexible layout Layout principle: Flex is the abbreviation of flexible Box, which means "elastic layout". It is used to pr ...

Added by deezin on Sat, 06 Nov 2021 13:15:34 +0200

stylelint access practice pit summary

prefaceDuring team cooperation, when everyone's code has a custom formatting method, many conflicts often need to be solved when submitting the merge. At this time, we can use eslint+stylelint to restrict the team's code. The introduction of eslint configuration is relatively simple. There are many tutorials on the Internet, while most of the s ...

Added by Altec on Sat, 06 Nov 2021 05:40:00 +0200

Block, div model, css border, selector, some css attributes

Block: HTML statements can be divided into inline, block and inline block; Single, double; Inline element: not exclusive to one line (feature) <span style="background-color:#dadada"><span style="color:#1f0909"> <span style="color:#117700"><</span><span style="color:#117700">span</span><span style= ...

Added by samUK on Fri, 05 Nov 2021 23:14:57 +0200

Front end development code style summary

1, Naming conventions Naming conventions commonly used in the market: Camel case (small hump Nomenclature - initial lowercase)PascalCase (hump Nomenclature - capital letters)Kebab caseSnake (underlined) 1.1 naming of project documents 1.1.1 project name All in lowercase, separated by dashes. Example: my project name. 1.1.2 directory ...

Added by greensweater on Tue, 02 Nov 2021 16:34:55 +0200

Four implementation ideas of round robin components from one-time service requirements

home pagespecial columnjavascriptArticle details0Four implementation ideas of round robin components from one-time service requirementsAfterward Published 5 minutes agoRequirement prototypeSuppose there is a column of data with unknown quantity and length, and you want to make a rotation display in a container. The basic structure is as follows ...

Added by DangerousDave86 on Fri, 29 Oct 2021 14:28:17 +0300

HTML5 final assignment: a flower shop / flower decoration / flower online store / wedding flower / BOUQUET store shopping website based on HTML+CSS+JavaScript +Bootstrap response

HTML5 final assignment: online florist website design - Florist / flower decoration / flower online store / wedding flower / BOUQUET store shopping website html template (24 pages) HTML+CSS+JavaScript student DW web page design assignment finished web course design web page planning and design computer completed web page design source code ...

Added by joe__ on Thu, 28 Oct 2021 05:12:57 +0300

css to achieve radio box effect

Effect view: 1, Build html page structure First, create a box in the html page to store buttons and text A large box is not enough. The span label is used to describe the text, and the i label is used to represent the dot in the middle of the radio box. These are covered with a small box, which is used to outline the frame of the radio box ...

Added by BulldogGC on Thu, 28 Oct 2021 03:31:05 +0300