current position:Home>Front end vuejs set sail
Front end vuejs set sail
2022-04-29 05:11:56【A little rabbit who likes eating radishes】
vue set sail
vue Four ways to add
- On the page with CDN Import in the form of package .
- download JavaScript File and self hosting .
- Use npm Install it .( Use cnpm faster )
- Use official CLI To build a project , It provides fully functional build settings for modern front-end workflow ( for example , Hot heavy load 、 Tips for saving, etc ).
CDN It is a distributed content distribution network built on data network . CDN The role is to use streaming media server cluster technology , Overcome the shortcomings of insufficient output bandwidth and concurrency of single machine system , It can greatly increase the number of concurrent streams supported by the system , Reduce or avoid the adverse effects of single point failure .
vscode plug-in unit
install vue Debugging tools for
Vue Devtools, After downloading, drag it into the developer tool ,( If it doesn't work , Restart the computer )
link :https://pan.baidu.com/s/16zuu9YmmnawstHhp8qJF7A
Extraction code :1111
Install scaffolding
install ( use cnpm faster )
npm install -g @vue/cli
upgrade
vue upgrade --next
Introduce
vue It's a set Build the user interface Of Progressive type js frame .
3. Use virtual DOM+ first-class Dif Algorithm , Try to reuse DOM node .
( The front end is to make the appropriate request , Show the data in the right place .)
DOM Generally refers to the document object model .
be-all DOM All operations are carried out by Vue To deal with it .
Official bag
Be careful :
Newcomers should not use scaffolding for the time being .
Next section : Front end vue Templates
copyright notice
author[A little rabbit who likes eating radishes],Please bring the original link to reprint, thank you.
https://en.qdmana.com/2022/116/202204261123446692.html
The sidebar is recommended
- Vuepress packaging deployment stepping on the road of the pit
- Automatic import of less
- Bootstrap blazor table component (III) intelligent generation
- Based on centos7 + nginx + Daphne + uwsgi + django3 2 + supervisor + mysql8 single architecture server production environment deployment (I)
- Differences between vue2 and vue3 named slots
- Vue3: Axios cross domain request problem
- The difference between vue2 and vue3: keep alive
- Configure nginx and SSL certificate for Django project under Windows Environment
- Ant Design Vue: a-table custom column
- Using jQuery in Vue
guess what you like
Vue dynamic loading picture problem
Icons using Alibaba vector icon library in Vue
Java Android mobile phone automatic basic learning element positioning
Rancher configuring HTTPS domain name to access graphic tutorial
Building a blog with GitHub pages + hexo (7) how to delete a published article successfully solved: delete it at the same time deploy_ Git folder
Eight blog views / hexubs
Build a blog with GitHub pages + hexo (9) set the next theme of hexo blog, and only part of the home page is displayed (not the full text)
Building a blog with GitHub pages + hexo (10) the next theme of hexo blog mathjax mathematical formula rendering problem
Hexo/Github. IO configure Tencent cloud CDN
Rich text editor: ckeditor (using ckeditor4 Vue)
Random recommended
- The get request of nginx agent only returns part of the data. The problem is solved
- JavaScript traverses the irregularly nested multi-layer objects, returns the map with "index", and realizes the rapid positioning of sub attributes
- HTTP keep alive details
- [technical update] http / 3 quic Foundation
- Vue to react ----- can the constructor be omitted when using ES6?
- Use of nested HTML
- Vue to react to realize slot function
- When to use react PureComponent
- Details of Vue to react useeffect
- React 16.6 memo()
- Deep understanding of children https://segmentfault.com/a/1190000011527160
- This paper solves the cross domain problem Vue + springboot caused by the separation of front and back ends
- The difference between shallow copy and deep copy is to use native JavaScript to realize deep copy
- Definition of Vue slot
- Sorting algorithm in JavaScript
- JavaScript implements search algorithm, sequential search and binary search
- leetcode20. Valid parentheses, implemented using JavaScript
- 'interface' declarations can only be used in typescript files in Vue 3.0 + ts resolvent
- 496 next element larger JavaScript implementation leetcode
- leetcode 682. Implementation of JavaScript in baseball game
- Source code analysis, Vue What happens when using (), take initializing vuex as an example
- JavaScript optional chain
- Source code analysis, Vue global API set, del, nexttick, use, mixin, etc
- Brief introduction of Vue source code directory design
- Docxtemplator + Vue + docxtemplator image module free realize the front-end Word Download Text and free image download
- vue 2. What happens when x source code analyzes new vue()
- Vue bidirectional binding principle
- Use and principle of Vue keepalive
- Properties and usage of vuex
- Communication mode between Vue components
- Front end interview Foundation
- Usage scenario and principle of Vue nexttick
- Configuration and use of rich text editor ckeditor4 in Vue
- How does Java randomly get elements from a list
- Study summary of pytext: a search path from NLP research to production
- html+css+JavaScript
- Tunnel http://bt3xna.natappfree.cc Invalid cannot connect to 172.0.0.1:8080 The web service powered by natapp. Is not available on this port cn
- Next JS using react quill
- Vue Gaode map can only have one start point and end point. How to realize it
- Divide and conquer strategy -- find the k-th smallest element in the array