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