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