web front-end development learning content, wechat front-end development Recruitment
CSS realizes various methods of horizontal, vertical and horizontal centering of box model
CSS method for realizing horizontal centering of box model
Global style
.parent {
color: #FFFFFF;
height: 200px;
width: 200px;
margin: 0 auto;
background-color: #000000;
}
.child {
width: 50px;
height: 50px;
background-color: #26f12d;
}
First ...
Added by getgray on Fri, 14 Jan 2022 23:35:39 +0200
day10 advanced form bfc
1, Form supplement
1.textarea label
Defines a multiline text input control
The text area can accommodate an unlimited number of text. The default font of the text is equal width font. You can specify the size of textarea through the cols (width, number of columns) and rows (number of rows) attributes, but a better way is to use the height an ...
Added by sitestem on Fri, 14 Jan 2022 22:37:33 +0200
Fabric.js three methods of changing pictures (including changing pictures in the group and caching)
Introduction to this articleI listed three in fabric JS to replace the picture.It also includes the operation of changing pictures in the group.Environment and versionChrome browser version: 96.0.4664.45Fabric.js version: 4.6.0I developed it in the native environment, and also provided a code developed in Vue3 environment (there is a link at th ...
Added by 10legit10quit on Fri, 14 Jan 2022 21:58:17 +0200
E-commerce background management system - authority management module
E-commerce background management system - authority management module
The authority management module of the e-commerce background management system is divided into two parts: role list and authority list. The flow chart of the two parts is roughly as follows
1. Implementation process of permission list
Create routing component, configure ...
Added by killfall on Fri, 14 Jan 2022 20:19:39 +0200
Take you to understand the most important API s in vue3 - ref and reactive
Knowledge Prospect: suppose you know vue3 the knowledge about setup in composite API. If you are just beginning to study, you can have a look Official documents , or My article.
In vue3, there are two important APIs - ref and reactive. If you don't understand the principles of these two APIs, it can be said that you haven't learned vue3 wel ...
Added by perficut on Fri, 14 Jan 2022 19:37:38 +0200
js basics ajax and cors
1.DOM
DOM is the interface for JavaScript to operate web pages, and its full name is "Document Object Model". Its function is to turn the web page into a JavaScript object, so that you can use scripts for various operations (such as adding and deleting content).
node
The smallest component of DOM is called node. The tree structure ...
Added by cqinzx on Fri, 14 Jan 2022 17:19:05 +0200
Beginner Vue - basic routing (learning notes - Nanny level)
This article is original by the author. I summarize, review and share my experience. Please correct me
Installation of routingRoute creation componentRouting is simple to useGlobal front guardRoute nesting useother
1. Installation of routing
Referring to the official documents of Vue router, we can see that there are methods of direct do ...
Added by ina on Fri, 14 Jan 2022 14:46:05 +0200
What is vue life cycle? Detailed explanation of vue life cycle (case)
Later, there are cases. Through the cases, the four stages and eight hook functions contained in the Vue life cycle are analyzed in turn.
1. What is the Vue life cycle?
Vue life cycle refers to the process from the beginning of creation to destruction of Vue instance objects. All functions of Vue are implemented around its life cycle. Corresp ...
Added by portrower8 on Fri, 14 Jan 2022 13:15:16 +0200
Vue learning series - 05 - most detailed learning process (full of dry goods)
Vue learning series - 05 - most detailed learning process (full of dry goods)
preface
04 - Portal This chapter will advance to a new chapter! Start with componentization We all know that the rainbow can't be seen until the wind and rain. But we all hope to sit directly in the rainbow. Others have arranged a beautiful world for y ...
Added by Benny007 on Fri, 14 Jan 2022 12:35:33 +0200
10. JavaScript DOM event Foundation
1. Events
1. What is an event
[explanation]: an event is an action or event that occurs in the system during programming.
2. What is event listening
[explanation]: it is to let the program detect whether an event occurs. Once an event is triggered, it will immediately call a function to respond, which is also called registration event.
[sy ...
Added by dannylewin on Fri, 14 Jan 2022 11:27:40 +0200