Implement a color selector from scratch (native JavaScript Implementation)
Project directory and file creation
First of all, we don't need to build the project environment. We still directly use the simplest way, that is, the introduction method, to create the project, which makes it convenient for us to test while writing. Create an empty directory named ColorPicker, create a JS file, color-picker.js, then create an ...
Posted by athyzafiris on Thu, 14 Oct 2021 16:56:30 -0700
HTML learning notes
1, HTML, hypertext markup language
1. Foreword
1.1 software architecture
C/S, client / server
Generally, the software we use is C/S architecture;For example, the software QQ, 360, office and XMind in the system:C represents the client, and the user uses the software through the client;S refers to the server, which is responsible for process ...
Posted by aleX_hill on Wed, 13 Oct 2021 20:11:04 -0700
Code specification of product quality purchase
Code specification
1. General
Welcome to the code specification of pinyougou. This is the internal specification of pinyougou organized by me based on JD front-end code specification. Coding specifications designed to enhance team development collaboration, improve code quality and build the cornerstone of development,
The following specific ...
Posted by ultraslacker on Wed, 13 Oct 2021 05:52:39 -0700
flex flexible layout
display: flex; // Used to turn on elastic layout
Before learning flex flexible layout, we need to understand the following concepts:
Elastic containerElastic projectprincipal axisCross axis
catalogue
1. Elastic container
2. Flexible items
3. Spindle
4. Cross axis
5. Elastic setting
6. Communication
1. Elastic container
Def ...
Posted by goltoof on Tue, 12 Oct 2021 21:05:41 -0700
Deep copy and shallow copy
1. What is shallow copy
Create a new object that has an exact copy of the original object property values. If the attribute is a basic type, the value of the basic type is copied. If the attribute is a reference type, the memory address is copied , So if one object changes this address, it will affect the other object.
Above, ` S ...
Posted by pureDesi on Tue, 12 Oct 2021 19:16:12 -0700
2021-10-12 implementation of common reusable components, such as navigation bar
Learning Lib_ Knowledge in common business module
Declare styleable: custom control properties
Sometimes the official controls are not enough. We need to define our own controls,
① Define attrs.xml file under res/values file to define the controls we need;
*<?xml version="1.0" encoding="utf-8"?>*
*<resources>*
*<declare-s ...
Posted by Killswitch on Tue, 12 Oct 2021 17:32:26 -0700
< CSS3 > basic syntax and box model
catalogue
1. CSS3 Basics
1.1 CSS3 introduction
1.2 front end third floor
1.3 CSS selector
1.4 CSS writing position
1.4.1 embedded type
1.4.2 external chain
1.4.3 lead in type
1.4.4 inline
2.3 basic syntax
2.1 tag selector and id selector
2.1.1 label selector
2.1.2 id attribute and id selector
2.2 class selector
2. ...
Posted by 8ta8ta on Tue, 12 Oct 2021 14:53:18 -0700
Learn SQLI-LABS records (11-20)
Learn SQLI-LABS records (11-20)
Less 11 POST-Error Based-Single Quote-String
When we enter a set of correct user names and passwords, such as admin:admin: The page displays login success. Since it is post injection, we should look for the injection point where we enter the user name and password. After we enter admin:admin \: It is found ...
Posted by squizz on Tue, 12 Oct 2021 00:43:48 -0700
CSS elements used in traditional layout
CSS layout common elements
display
The display attribute specifies the type of box that the element should generate. Each HTML element has its own default display attribute value. You can change the default values of HTML inline elements and HTML inline elements through display. In my previous introduction to HTML documents, I explained t ...
Posted by unknown101 on Mon, 11 Oct 2021 12:02:46 -0700
Function and principle of key in Vue
1. Let's start with the conclusion
key in Vue is the identification of DOM object;In list display, the default key is index;If the data is only used for display, there is no problem using index as the key;If you use index as the key, and subsequent operations will destroy the order, it will certainly bring efficiency problems. In serious cases ...
Posted by The_Anomaly on Mon, 11 Oct 2021 10:46:24 -0700