Vue.js on the optimization of the responsive part

It has been almost a year since Vue 3 was officially released. I believe many small partners have used Vue 3 in the production environment. Today, Vue JS 3.2 has been officially released, and this minor version upgrade is mainly reflected in the optimization of the source code level. In fact, it has not changed much for the user's use level. On ...

Posted by xwhitchx on Sat, 25 Dec 2021 19:05:26 +0100

css introduction and selector notes

css: page beautification and layout control I. concept: Cascading Style Sheets cascade style sheets. Multiple styles can act on an html element and take effect at the same time II. Benefits         1. Compared with html, tag attributes are more comprehensive and powerful         2. Se ...

Posted by Chunk1978 on Sat, 25 Dec 2021 18:48:33 +0100

HTML5 notes (continuously updated)

HTML notes summary Shortcut operation In vscode, press "!" Press enter again and the html start is completed.Press "Table +" enter to quickly generate the basic style of table Chapter labels & & global properties Chapter label h1~h6 titlesectionp paragraphfooter is often used for copyright notices; The format is ...

Posted by anakadote on Sat, 25 Dec 2021 13:10:25 +0100

2w word | start the development of Web Components business component library from 0 to 1

Componentization is an important direction of front-end development. On the one hand, it improves development efficiency, on the other hand, it reduces maintenance cost. Mainstream Vue JS, React and their extended Ant Design, uniapp, Taro, etc. are component frameworks.​Web Components Is the general name of a set of Web native API s, which allo ...

Posted by rockindano30 on Sat, 25 Dec 2021 03:59:27 +0100

2022 front end required ⭐ Regular Daquan, please 🚀 Put it away in advance

Hello, I'm the author of any rule (a vscode plug-in). Thank you for your long-term love for any rule After more than one year's use, the background of any rule has been logged with 10w +. At the end of the year, please share your favorite regularities in this yearhttps://github.com/any86/any-...🔥 Regular TOP10As expected, the most commonly use ...

Posted by slicer123 on Fri, 24 Dec 2021 18:04:40 +0100

A list of ElementUI issues

1. When there is only one input under the form, press enter to refresh the page The reason is that the default submission behavior of the form is triggered, and @ submit. Is added to the El form native. Just prevent. <el-form inline @submit.native.prevent> <el-form-item label="order number"> <el-input v-model="query ...

Posted by evmace on Thu, 23 Dec 2021 15:21:28 +0100

A list of ElementUI issues

This article is reproduced from WeChat official account If there is infringement, please contact me 1. When there is only one input under the form, press enter to refresh the page The reason is that the default submission behavior of the form is triggered, and @ submit. Is added to the El form native. Just prevent. <el-form inline @submit. ...

Posted by xmitchx on Thu, 23 Dec 2021 11:52:52 +0100

JavaScript traversal object summary

var keys = Object.getOwnPropertyNames(Person.prototype); console.log(keys);//["constructor", "name", "age", "job", "sayHi"] var obj = { 0: "a", 1: "b", 2: "c"}; console.log(Object.getOwnPropertyNames(obj).sort()); // ["0", "1", "2"] preface The content of this chapter will be expanded according to the following figure: Traversal Object T ...

Posted by jjfletch on Wed, 22 Dec 2021 15:23:06 +0100

Front end SEO code specification

Front end SEO code specification What is SEO? Search engine optimization is a way to improve the natural ranking of websites in relevant search engines by using the search rules of search engines. SEO refers to the behavior of making reasonable planning from the perspective of website structure, content construction scheme, user interactive c ...

Posted by tmk4php on Wed, 22 Dec 2021 04:31:43 +0100

2021-11-19 html5+css3 learning notes

1. CSS properties inheritCascade 2. Inheritance of CSS properties For properties that cannot be inherited, you can generally use the inherit property value to force inheritance .box { width: 500px; border: 1px solid orange; } .bg { vertical-align: middle; /*Use the inherit attribute value to force inheritance of the width of the ...

Posted by hbradshaw on Tue, 21 Dec 2021 13:40:26 +0100