Turn off the crazy ESlint syntax detection configuration method

Actually, I am not against these grammar tests, but like many anti personal wishes, I really have to talk about it, such as the default eslint rule created by vue-cli scaffolding: Semicolon cannot be added at the end of code; Cannot have multiple blank lines in code The tab key cannot be used. It must be replaced ...

Posted on Sun, 17 Nov 2019 15:39:01 -0500 by Aérolithe

Springboot + Websocket + Sockjs + Stomp + Vue + Iview to realize java back-end log display on front-end web page

Don't talk much, look at the code. I. pom.xml introduces spring boot websocket dependency 1 <dependency> 2 <groupId>org.springframework.boot</groupId> 3 <artifactId>spring-boot-starter-websocket</artifactId> 4 </dependency> 2. WebSocketConfig configures the WebSocket message proxy endpoint, that is, ...

Posted on Sat, 16 Nov 2019 16:01:36 -0500 by Arc

vue simple form validation

Front end validation is essential~ Input box validation vue file section: <form :model="form" :rules="rules" ref="form" :class="$style.form">     <form-item :label="Full name" prop="name">         <kc-input v-model="form.name"></kc-input>     </form-item> </form> ts file section: export ...

Posted on Sat, 16 Nov 2019 09:47:18 -0500 by departedmind

Vue responsive principle - eliminate all optimizations and focus on the core

Vue responsive principle As a coder, he hardly needs to know the principle. But when you are looking for a job, you need to know something about the original bullets. So before looking for a job, you can review it first. As long as it's about vue, you must ask the principle of response. Core: //es5 Object.defineProperty(obj,key,{ get() { ...

Posted on Fri, 15 Nov 2019 13:04:13 -0500 by lynn897

JS practical application you don't know

Citation: This article is accumulated from work practice, mainly including three aspects:1. More difficult demand points in the business,2. Confusing knowledge points3. More concise and understandable writing style (but may sacrifice a little performance) Before reading this article, I suggest you answer it yourself Question 1: how to find the ...

Posted on Thu, 14 Nov 2019 09:15:16 -0500 by richclever

vue connection database

vue connection database axios in vue 1. Install axios npm: npm install axios -S cdn: <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 2. Configure axios Create a new api/index.js file in the project to configure axios api/index.js import axios from 'axios'; let http = axios.create({ base ...

Posted on Wed, 13 Nov 2019 14:14:27 -0500 by aneesme

Drag function in vue

The requirement is simple. Drag the box or number to adjust the order. Following chart I. find the wheel I searched the Internet for a while and found a good plug-in—— vue-draggable II. Usage 1. installationnpm i -S vuedraggable2. Quotesimport draggable from 'vuedraggable'3. Realization of requirements <template> <div cl ...

Posted on Tue, 12 Nov 2019 11:03:17 -0500 by snaack

vue-cli3 and element make a simple landing page

1. Create a project with vue-cli3 2. Install element module Global installation npm i element-ui -S 3. Introduce module in main.js import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI); 4. Expand a small knowledge point here Find the scripts service in the package.json file, and add -- open to ...

Posted on Tue, 12 Nov 2019 10:18:18 -0500 by pelleas1022

Vue + Koa build a H5 page visualization editor from scratch -- Quark-h5

Preface I think you must have used micro scene generation tools such as e-business show or Baidu H5 to make cool H5 pages. Besides lamenting its magic, have you ever thought about its implementation? In this paper, we start from scratch to implement a complete design idea and main implementation steps of H5 editor project, and open source the f ...

Posted on Tue, 12 Nov 2019 03:19:18 -0500 by YoussefSiblini

Echorts FAQ

This tutorial paves the way for some new people and some simple and common problems When the X-axis label is too long to display, we will use two methods Rotation angle, tilt display xAxis: { axisLabel: { color: "#5e6877", //x-axis font color interval: 0, //0 force all labels, default auto rotate: 20 //Scale label rotation a ...

Posted on Mon, 11 Nov 2019 16:08:08 -0500 by meshi