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