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