Common text labels
1, Comments in html
1.1 annotation label
Shortcut keys for adding comments in the development environment:
windows system: ctrl +/Apple system: cmd +/
1.2 general format of notes
<!--This is a comment. Comments are not displayed in the browser.-->
1.3 condition notes
<!--[if IE 8]>
.... some HTML here ....
<![endif]-- ...
Posted by tpearce2 on Sun, 13 Feb 2022 17:34:51 +0100
[VUE] traversal list
conditional rendering
v-if
Writing method:
v-if = "expression"v-else-if = "expression"v-else = "expression"Applicable to: scenes with low switching frequencyFeatures: DOM elements that are not displayed are removed directlyNote: v-if can be used together with: v-else-if and v-else, but the structure must ...
Posted by metomeya on Sun, 13 Feb 2022 17:14:35 +0100
Building a common Vue component library using Vue Demi
In this article, we learn about Vue Demi by considering its function, how it works, and how to start using it.Vue Demi is a great package with a lot of potential and practicality. I strongly recommend using it when creating the next Vue library.According to the founder Anthony Fu, Vue Demi Is a development utility that allows users to write com ...
Posted by rgpayne on Sun, 13 Feb 2022 14:44:07 +0100
webpack system learning Tree Shaking concept explanation
When the project reaches a certain volume, dividing the code into modules can be easier for us to manage. However, when doing so, we may introduce unnecessary code, and Tree Shaking is a method to optimize the volume by eliminating the code used in the file. Note: Tree Shaking only supports volume optimization for statically introduced modules. ...
Posted by seularts on Sun, 13 Feb 2022 13:23:49 +0100
Basic usage of Ant Design Vue: importing components and customizing themes on demand
introductionAs a latecomer, ant design vue is not as famous as element, the pioneer of vue component library. However, with more elements, I still see it in front of me when I start to use antv. Antv is really very different from element in interaction design and api design. I think this difference is better than element.This note is based on v ...
Posted by dbradbury on Sun, 13 Feb 2022 12:44:43 +0100
Understanding closure
closure
Rhinoceros book: if a function variable can be saved in the scope of a function, it can be called a closure
Advanced Programming: closure refers to a function that has access to variables in the scope of another function (the function is not exported);
javascript you don't know: when a function can remember and access its lexical sco ...
Posted by newb on Sun, 13 Feb 2022 11:52:51 +0100
Explain ESM module and CommonJS module in simple terms
Ruan Yifeng Getting started with ES6 There are some significant differences between ES6 module and CommonJS module mentioned in:The CommonJS module outputs a copy of the value, while the ES6 module outputs a reference to the value.CommonJS module is loaded at run time, and ES6 module is the output interface at compile time.If you read the diffe ...
Posted by Phate on Sun, 13 Feb 2022 02:43:48 +0100
WEB Development Foundation--Advanced CSS3 Learning
This article is for advanced knowledge point HTML5 learning, for my own notes while learning, but also for beginners. Your favorite friends can watch out and follow up with JavaScript, TypeScript, vue2.0, vue3.0 and a series of front-end learning articles such as the uni framework. (strong people don't like to detour, my heart is fragile, don't ...
Posted by magaly on Sat, 12 Feb 2022 18:17:50 +0100
Basic types of data in ts
ts data type
ts data basic data type
After declaring the type, the type of the variable cannot be changed
A vertical bar |: indicates or is used to connect multiple types (Union types)
question mark? Representative optional
&Represent and
boolean type
let bool:boolean=true
Number type number
let num:number=10
String type string ...
Posted by Valdoua on Sat, 12 Feb 2022 15:20:28 +0100
Custom throttling function six steps to deal with complex requirements
Throttling definitionSome frequently operated events will affect performance. "Throttling" is used to control the response interval. When the event is triggered, the corresponding function will not be triggered immediately, but will execute the response function according to a specific time interval every time the response interval is ...
Posted by stuartbates on Sat, 12 Feb 2022 14:23:31 +0100