How to quickly implement a color selector
catalogue
Color model
Differences between HSV and HSL
Implementation selector
Hue
Calculate the slider position of the hue column
Saturation and brightness
Calculate these two values
hsv to rgb
transparency
HSL based color selector
Using canvas settings panel
When developing the front-end interface, you need to use the color select ...
Posted by mojito on Sat, 22 Jan 2022 19:32:41 +0100
Record a nodejs development and use webpack to package and publish the project
Premise: nodejs environment
1. Initialize project
npm init
After the initial project, there will be one more package. In the project directory JSON file, and then the configuration is related to this file
My file directory structure is as follows:
The. babelrc configuration file will be described later
2. Download and configure webpack ...
Posted by frigidman on Sat, 22 Jan 2022 14:14:47 +0100
Introduction to HTML for beginners_ eight
front
The first two parts of this article are about two CSS tips, and the rest are about the use of elastic boxes and the arrangement of internal elements;
content
The first is about the CSS part, which is used to set what style to use when the browser page width is less than a value or what style to use when the page width is greater than a ...
Posted by eaglelegend on Fri, 21 Jan 2022 16:17:48 +0100
Take you to upload pictures with VUE
Abstract: I saw the effect of uploading pictures when I visited station b. I thought I could do one myself. Because the original author was written in native js, I might as well write it in vue. Of course, it's a very small thing. It's good to directly reference vue in HTML files. The detailed steps are as follows~
This article is shared from ...
Posted by ahmedkl on Fri, 21 Jan 2022 11:41:27 +0100
Self study JS note taking knowledge (there may be errors, welcome to correct)
Common browsers
webkit kernel (v8) engine
google chrome safariopera(v14)Domestic browserMobile phone browser... Gecko
Firefox Firefox presto
opera <v14 Trident
IEIe edge (starting with dual core)
JS as client language
Operate the elements in the page according to the relevant syntax, and sometimes operate the browserECMAS ...
Posted by markjoe on Fri, 21 Jan 2022 09:02:09 +0100
Two way binding of Vue based v-model forms
1. What is bidirectional binding?
In MVVM (Model View ViewModel), specifically, the Model value is js code. View refers to DOM objects, that is, the content in HTML. ViemModel can be regarded as the medium between them. The medium of this paper is undertaken by Vue. Before MVVM appeared, people often used jquery to process the content in HTML ...
Posted by crusty_php on Fri, 21 Jan 2022 08:23:01 +0100
HTML learning notes
Hey,guys. I'm poem23
This is my study note on "Introduction to the front end of dark horse programmer pink teacher, h5(html5)+css3 + Mobile front end video tutorial for zero foundation" at station b, Link attached https://www.bilibili.com/video/BV14J4114768?p=1 , I hope my notes can help you.
HTML
What is a web page?
Web si ...
Posted by PureEvil on Fri, 21 Jan 2022 04:48:26 +0100
MUI - chat window
preface
Some time ago, MUI was used to make an APP, and the customer put forward ideas on whether to add a chat function to ensure the communication of all participating roles in the work order system.
OK, arrange!
Chat layout analysis
We need to implement a chat window, and we need to give priority to the composition of its layout.
Re ...
Posted by kee1108 on Thu, 20 Jan 2022 09:05:10 +0100
Prototype and prototype chain
1, What is a prototype
Prototype: when each javascript object (except null) is created, it will be associated with another object. This object is what we call the prototype, and each object will "inherit" properties from the prototype.
for example
var obj = new Object();
When creating an object, an object will be associated ...
Posted by schoi on Thu, 20 Jan 2022 07:37:37 +0100
Front end common interview basic questions
1, Self introduction
1.1 name, graduation school (can be said or not), project experience, age and working years
2, vue correlation
2.1 routing mode: the difference between hash mode and history mode
1.The appearance of the path:
stay vue There are in the routing configuration of mode The most intuitive difference between options is url in ...
Posted by cleary1981 on Wed, 19 Jan 2022 20:48:00 +0100