The correct posture of encapsulating echarts in vue project
Why we need to encapsulate echarts
Every developer needs to write a complete option configuration from the beginning to the end, which is very redundant
In the same project, all kinds of chart design are very similar, even the same, so there is no need to do repeated work all the time
Some developers may forget to consider the features of upda ...
Posted by ranjita on Sat, 11 Apr 2020 10:41:54 +0200
Drag,drag,drag! Pull out the Bili Bili side navigation component
I. Preface
This article mainly talks about the side navigation and drag components of bleblebleblebler in a macro form, which is very suitable for you who are learning VUE gradually. A proper imitation development project is a necessary skill for front-end learning. Most people know that the interview needs to have their own works, and th ...
Posted by brauchi on Mon, 06 Apr 2020 10:11:53 +0200
webpack configuration (step 4: html (template))
First look at the project structure:
Create a new ejs directory under app, and the suffix of html file will naturally become ejs;
The ejs file in the ejs directory is the principal file,
In the generate directory, the spliced files are placed,
The public directory places public files.
Configuration premise:
Introducing EJS loader
$ cnp ...
Posted by jkeppens on Sun, 05 Apr 2020 18:14:51 +0200
A comprehensive table of Vue module (2) creating tables
A comprehensive table of Vue module (2) creating tables
Technology stack
Vue family bucket: Front end framework Vue.js State management Vuex Dynamic route matching Vue router http services axios Module packaging web pack UI framework element Data server Server side node.js node based web framework express mongodb: d ...
Posted by Dathremar on Sun, 05 Apr 2020 01:04:56 +0200
Getter learning of Vuex
Getter learning of Vuex
to derive some states from the state in the store, Vuex allows us to define "getter" (which can be considered as the calculation property of the store) in the store. Just like calculating properties, the return value of getter will be cached according to its dependency, an ...
Posted by newbiez on Sat, 04 Apr 2020 17:14:42 +0200
Background data request in node.js mock, axios
<! -- Axios handles the cross domain background configuration 1. Install cnpm install -- save dev Axios
2.Introduce axios To project or component(Current component use only)
-->
// Using axios requests
Axios.get("/getuser")
.then(res => {
//succss
console.log(res.data.result);
})
.catch(error => {
//error
...
Posted by petrb on Sat, 04 Apr 2020 11:58:38 +0200
The mobile end of vue realizes the drag and drop of div
The mobile end of vue realizes the drag and drop of div
This article describes how to achieve a floating window similar to the iPhone on the mobile side of VUE.
Relevant knowledge points
Touch start triggered when a finger is pressed on the screen
touchmove triggered when a finger is moved on the screen
touchend triggere ...
Posted by mitsubishi2002 on Fri, 03 Apr 2020 04:30:33 +0200
vue+node+mySql to separate front and back end
Environment building
Install node first:
http://nodejs.cn/download/
Download and install it directly! The new version does not need to manually configure the environment. After installation, open cmd and input node-v and npm-v to check whether the installation is successful.
The second step is to install vue:
T ...
Posted by Concat on Wed, 01 Apr 2020 13:05:01 +0200
vue customize the touch event of mobile terminal, click, slide and long press event
Usage:
**HTML**
<div id="app" class="box"
v-tap="vuetouch" //The vuetouch is the function name. If there is no parameter, you can write the function name directly
v-longtap="{fn:vuetouch,name:'Long press'}" //If any parameter is passed as an object, fn is the function name
v-swipeleft="{fn:vuetouch,name: ...
Posted by panic! on Tue, 31 Mar 2020 11:57:46 +0200
The principle analysis and render function of building virtual DOM with VUE
To write HTML structure through VUE, tempplate attribute is generally recommended, which is easy to use. The specific code is as follows:
Example 1: use template to render ul list
var vm = new Vue({
el:"#demo1",
template:`
<ul class = "bg" style = "fontSize:20px" abc = "yyy">
<li ...
Posted by dragonfly4 on Tue, 31 Mar 2020 10:52:09 +0200