The front-end layout is related to the mobile terminal layout

1, Mobile terminal layout 1. Layout concept (1) Static layout Direct use of px as a unit is not recommended and cannot adapt to the screen (2) Streaming layout Width percentage height pxThe maximum and minimum values are usually added (3) Adaptive layout Each static layout corresponds to multiple screen resolutionsUse @ media media query t ...

Posted by dreglo on Fri, 22 Apr 2022 06:06:46 +0300

Differences between routing modes

Front end routing principle? What is the difference between the two routing implementations? 1. General hash history abstract Front end routing is mainly used in SPA (single page development) projects. In the case of no refresh, different components or contents are displayed according to different URL s. 1.hash mode www.test.com / # / is th ...

Posted by tsigo on Thu, 21 Apr 2022 07:12:33 +0300

Sorting of JS built-in object operation methods

JS object operation method sorting array ES5 concat() concatenates two or more arrays and returns the resultlet arr1 = [1,2,3]; let arr2 = [4,5,6]; let arr3 = arr1.concat(arr2); console.log(arr3) // [1,2,3,4,5,6] Indexof (the element to find) searches the elements in the array and returns the location where the element is foundlet arr ...

Posted by sasito on Thu, 21 Apr 2022 04:49:30 +0300

The basic understanding and use of React and the three instance properties of components

1, Basic understanding and use 1. Debug using React developer tools 2. Define components 2.1. Define functional components 2.1.1. Executed reactdom What happened after render? 1.React Parse component tag, found``MyComponent``Components. 2.Base note that the component is defined by function, and then returns the virtua ...

Posted by dbarron87 on Wed, 20 Apr 2022 16:11:28 +0300

React dynamically switches the local proxy address (devServer.proxy)

Background requirements When running the React project locally, the interface called is often cross domain. Generally, the prxoy proxy function provided by webpack dev server is commonly used. However, it is too troublesome for developers to run the project again after switching the agent environment every time. If you can switch the agent envi ...

Posted by Martin18 on Wed, 20 Apr 2022 16:02:53 +0300

Use apiccloud & iFLYTEK SDK to quickly realize speech recognition function

​Speech recognition function has been a very popular function. In specific situations, it can bring people convenient interactive experience, such as using voice to wake up mobile phones when driving, all kinds of intelligent audio products, voice controlled smart TV, etc. This paper mainly introduces how to use iFLYTEK SDK to quickly realize s ...

Posted by besly98 on Wed, 20 Apr 2022 09:41:45 +0300

Database statements - getting started

database mysql database Create table - data type + Integer type int + Floating point type double + Date type date/timestamp + String type char varchar * variable varchar(n) The maximum length of characters must be given n Use: user name, password, ID number. n= 40 40 Bytes, 20 characters * Immutable is char ...

Posted by loganbest on Wed, 20 Apr 2022 07:21:11 +0300

CSS selector summary

element selector element { style properties } example: span { background-color: skyblue; } ID Selector #id_value { style properties } example: #identified { background-color: skyblue; } ID cannot be repeated. It can only be used once class selector Similar to id, but * * * class can be repeated*** .class_name { style proper ...

Posted by BRUUUCE on Tue, 19 Apr 2022 19:59:07 +0300

[front end] some engineering skills learned from vben

Record some usage vben New skills learned during. Local icon or online icon use iconify , which is to obtain the icon from the online Public host. When localization is needed (such as deployment to the LAN), it can be borrowed purgeIcons To achieve. There is a corresponding plug-in vite plugin purge icons for vite // vite.config.js impo ...

Posted by fxpepper on Tue, 19 Apr 2022 17:32:52 +0300

Vue3 custom instruction: ClickOutside (click a location outside the current area)

Hello, everyone. I'm SuperYing. Today, we are talking about a Vue3 user-defined instruction - ClickOutside. As the name suggests, it deals with the scene of clicking on a location outside the current area. Vue instruction First, let's review the knowledge points related to the Vue instruction. brief introduction The Vue instruction is a spe ...

Posted by Trium918 on Tue, 19 Apr 2022 17:17:20 +0300