vite+route+less+ts+axios+vuex integration and testing of VUE
1 vite installation
The red operation procedure shall prevail
The steps described in 1.1 are:
npm install -g create-vite-app // Install global create vite app create-vite-app vue3-vite // Use the tool create vite app to create a vue3 project named vue3 vite
1. ...
Added by hoolahoops on Wed, 27 Oct 2021 11:48:57 +0300
vue3 learning notes
1. Build Vue3 project
Using npm:
$ npm Init vite app project name
$ cd entry name
$ npm install
$ npm run dev
Using yarn:
$ yarn Create vite app ...
Added by Hamish on Sun, 24 Oct 2021 09:56:53 +0300
"Here comes the offer" 1 mind map and 6 knowledge sections, which will take you to sort out the knowledge points of CSS in the interview!
⌛ preface
For the front end, css is a necessary knowledge for beginners. Basically, after dabbling in html, you learn css. At the same time, css is also a necessary knowledge point for the front-end, such as horizontal and vertical center, two column layout, three column layout and bfc, which are both common and necessary test points fo ...
Added by ryochiji on Sun, 24 Oct 2021 02:19:11 +0300
Vue HR my (day01) = = = login page
1, Style modification
The styles to be modified are listed below
When we provide the wrong user name and password, the status code of this request is normal (but the success field is false) and there is no network error, so axios will not report an error. As shown below
Set the logo on the login form Set the background picture o ...
Added by poring on Sat, 23 Oct 2021 08:06:09 +0300
CSS Basics - font and text property settings with notes
CSS - beautify web page elements - font and text properties
Using CSS style to beautify web page text has the following significance.
1. Effective delivery of page information
2. Use CSS beautified page text to make the page beautiful and attractive to users
3. It can highlight the theme content of the page, so that users can see the main c ...
Added by supergrover1981 on Sat, 23 Oct 2021 03:53:58 +0300
Dynamic rotation chart (realized by html+css+js)
I use js+css+html to realize a dynamic rotation chart. I intend to write a blog to record it. I will put it below: video effect of works + explanation of ideas + explanation of knowledge points + how to obtain it
Video effects of works:
js+html+css to realize dynamic rotation diagram - Google Chrome 2021-10-22 20-02-35
Explanation ...
Added by sssphp on Fri, 22 Oct 2021 16:06:23 +0300
Data visualization based on JS + eckarts
The chart Library of echarts is used in this project. Echarts provides conventional line chart, column chart, scatter chart, pie chart and k-line chart, box chart for statistics, map, thermal chart and line chart for geographic data visualization, relationship chart, treemap and sunrise chart for relational data visualization, parallel coordina ...
Added by Janco on Fri, 22 Oct 2021 02:53:40 +0300
js interview questions -- scope and closure
1, js scope
Scope is the area (range) in which the variable works.
1. Global scope (outside functions and {}).2. Function scope (inside the function).3. Block level scope (newly added in ES6, in {}).
Title: create 10 < a >, and click the pop-up serial number.
1. Global declaration sequence number i
<!DOCTYPE h ...
Added by demonicfoetus on Tue, 19 Oct 2021 02:17:07 +0300
CSS box model
1.1 characteristics of the box
Box model is an important attribute for web page layout. A page is composed of multiple boxes, and the content of each box is different.
Here is a box model:
elementdescribeOuter marginExtra distance between box and other elementsInner margin (padding)Also known as fill distance, it is the distance between ...
Added by stridox on Mon, 18 Oct 2021 20:55:40 +0300
Arduino+ESP8266 mobile phone control light on and off and common problems
Recently, when contacting Arduino and ESP8266 modules, the basis is to use Arduino IDE software, ESP8266 module and a mobile phone software to control the lights on and off on the 8266 test board.
Project software:
Arduino IDE software
Download address:
Mobile APP (ios system)
It seems inconvenient to download t ...
Added by Hayce on Sun, 17 Oct 2021 08:05:08 +0300