Two ways of transmitting parameters in vue routing
Tired of being tossed by vue routing parameters, summarize your experience and dedicate it to the students who use vue routing parameters for the first time. If you don't understand anything, you can leave me a message. This article demonstrates the environment: vue version 2.6 and vue element admin framework
1. Pass parameters through name/pa ...
Posted by NDF on Fri, 18 Feb 2022 19:49:12 +0100
Wechat web page sharing (with wechat public platform)
Source code download address: https://download.csdn.net/download/bynn_csdn/81350948
I preparation
Prepare a domain name (the legal links shared by wechat are all attached under the domain name, but the ip name of the server is not available). It is also OK to use the intranet penetration method (I used the intranet penetration method i ...
Posted by sn202 on Fri, 18 Feb 2022 19:34:35 +0100
Learning about TS
First of all, TS mainly solves the main problem of unclear js type, so we should write its type when defining variables
Basic data type code
let b : number // At this time, the variable of b must be number, or an error will be reported
let isDone: boolean = false;
b = 1 // Of course, you will say whether there are other types. Of course, ...
Posted by arcanechaos on Fri, 18 Feb 2022 11:00:09 +0100
Front end Mockjs data simulation
1. Install mockjs (the complete code of this case is at the bottom)
Install mock through the instruction npm install mockjs,
Then create a mock folder under src folder, and then create an index JS file
Then in main Introducing mock into JS file
After that, you can find the index. In the mock file Simulated data in JS file
1. First, we ...
Posted by jamesm87 on Fri, 18 Feb 2022 09:27:31 +0100
Implementation of online picture content editing from scratch
1, Project introduction
The main function of this project is to support dragging the text editing area or commodity picture to the canvas for editing and adjustment according to the uploaded background picture as the canvas, and finally generate the picture and css style for use by other terminals. This project is based on html/vue/css / n ...
Posted by smartsley on Thu, 17 Feb 2022 20:47:43 +0100
Vue framework 2 Basic knowledge
1, Vue first experience 1.1 Vue installation . The introduction of Internet links can be obtained from BootCDN
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.js">
. npm installed locally
stay Visual Studio Code Terminal input:
npm install vue@2.6.14
<script src="../node_mod ...
Posted by lhale on Thu, 17 Feb 2022 19:26:10 +0100
promise and async/await parsing
Problem introduction
What is hell
The case of nested callback functions in callback functions is called callback hell. Callback hell is an operation that occurs to realize the sequential execution of code.
example
setTimeout(()=>{
console.log('This is the first step')
setTimeout(()=>{
console.log('This is the secon ...
Posted by keyont on Thu, 17 Feb 2022 16:30:03 +0100
Code structure and overall logic of vue source code series 2
directory structure
dist packaged vue versionflow type detection, typeScript changed in 3.0script build related configurations of different versions of vuesrc source code Compiler compiler Core does not distinguish the core code of the platform Global API global API Constructor and prototype method of instance observer data response util ...
Posted by Baving on Thu, 17 Feb 2022 14:26:36 +0100
Front end knowledge points
1. De duplication of the same object in the array
The reduce() method receives a function as an accumulator. Each value in the array is reduced from left to right and finally calculated as a value
Syntax:
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
let arr = [{id:1},{id:2},{id:3},{id:1}]
const hash = {}
arr ...
Posted by kendall on Thu, 17 Feb 2022 09:02:22 +0100
prop verification in vue
Prop
1 . prop case
Vue.component('blog-post', {
// camelCase in JavaScript
props: ['postTitle'],
template: '<h3>{{ postTitle }}</h3>'
})
<!-- In parent component kebab-case of -->
<blog-post post-title="hello!"></blog-post>
1234567
2 . Single data flow All props form a one-way downstream binding between their p ...
Posted by rage123456 on Thu, 17 Feb 2022 01:03:18 +0100