Scss, elementUI introduction, transition animation - learning notes
Scss, elementUI introduction, transition animation - learning notes
What is Sass?
Official website: https://www.sass.hk/guide/ Sass is a mature, stable and powerful CSS preprocessor, while SCSS is a new syntax feature introduced in Sass3. It is fully compatible with CSS3 and inherits sass' powerful dynamic functions.
Features Overview W ...
Added by jclarkkent2003 on Mon, 17 Jan 2022 04:15:58 +0200
Common CSS sorting
1. Display ellipsis in excess of text
The overflow of single line text displays ellipsis (it must be wide)
p{
width:200rpx;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
Multiline text overflow display ellipsis
p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
...
Added by alsaffar on Mon, 17 Jan 2022 04:05:58 +0200
[p5.js work tutorial] implementation of reverse Phi illumination visual illusion
1, Implementation steps
The detailed explanation can be seen from the deep sea of the up main designer of station B "Motionless" . Here I will briefly describe it.
In short, there are three steps:
Draw three identical images as like as two peas. Change the colors of the three images in the order of left, middle and right, as sho ...
Added by evmace on Mon, 17 Jan 2022 01:44:47 +0200
Internet front-end development training, React interview question summary
1, Foreword
The powerful effect of css3 animation is self-evident. Since its emergence, it has been hot, and its advantages and disadvantages with js animation have always been the topic of debate in the front-end industry. There is no doubt that the emergence of css3 animation reduces the difficulty of realizing animation effect to a certain ...
Added by mubarakabbas on Sun, 16 Jan 2022 21:35:06 +0200
Remanufacturing, arrangement of css conventional layout system -- Summary of resumption after actual development
Remanufacturing, arrangement of css conventional layout system -- Summary of resumption after actual development
Write before:
Before understanding css layout, let's first understand two small concepts, which I think will help you!
Block level element: display: bloom; Occupy one line, and the next element will wrap automatically, such a ...
Added by Chris Powell on Sun, 16 Jan 2022 19:39:06 +0200
[VUE project practice] 31. Permission management - implementation permission list
Continued from the previous article 30. Realizing the function of deleting users In the last stage, we completed all the functions of the user management module. In this chapter, we begin to develop the permission management module.
1, Innovative new git branch
Because we want to develop new modules, according to the principle of module colla ...
Added by benji87 on Sun, 16 Jan 2022 18:11:09 +0200
CSS floating and how to remove floating
1, First we need to know what floating is
Take the official word
The float of CSS is a method to separate elements from the document flow. It will move elements to the left or right, and the surrounding elements will be rearranged. Float is often used for images, but it is also very useful in layout.
In plain English
CSS floating is like fl ...
Added by MasterHernan on Sun, 16 Jan 2022 18:08:27 +0200
Explain the implementation principle of Jest framework in simple terms
English Version | Chinese version
Explain the implementation principle of Jest framework in simple terms
https://github.com/Wscats/jest-tutorial
What is Jest
Jest is a JavaScript testing framework developed by Facebook, which is used to create, run and write JavaScript libraries for testing.
Jest is published as an NPM package and can be i ...
Added by tmayder on Sun, 16 Jan 2022 15:55:47 +0200
maptalks Development Manual - Introduction
Why maptalks
As buddies, partners know that every map vendor is bound to their own map resources. For example, very popular mapBox, Gd, Baidu, Tencent, etc., you must register their products, get key, and then call api to carry out map related operations, though it brings convenience, but there is also this limitation.
Then someone may as ...
Added by dellwoodbu on Sun, 16 Jan 2022 13:28:29 +0200
[detailed explanation of bind function in JS, example code analysis]
Detailed explanation of bind function in JS
----------------------------------------Split line----------------------------------------------- This is my first time to write this type of blog and record it~ DATE: 2022.1.16
On the bind() function, first start with the English meaning. Bind has the meaning of binding.
Reference to function: ...
Added by Ju-Pao on Sun, 16 Jan 2022 12:39:32 +0200