Building vue mobile project from scratch to online
Let's see a wave of renderings
Initialize project
1. Installed on node.js Using the following command
npm install --g vue-cli
2. Under the directory where the project will be built
Vue init webpack myproject (project directory name)
All the way back here
In the middle, you can select ESLint to check the code style of the project. ...
Posted by zuhalter223 on Sun, 07 Jun 2020 01:05:45 -0700
Records of Front End Development: Foundation
Item Description
This innovative training program provides multi-source movie browsing and recommendation system functions for movie audiences.The front-end is presented as a Web page, which provides functions of filtering, querying and sorting movies.
Technical Selection
1. Do you want to use the ...
Posted by praeses on Sat, 06 Jun 2020 19:24:26 -0700
Ant design vue dynamic form
Ant design vue dynamic form
1. Official example
First, let's take a look at the example given on the official website:
Click Add filed to add a new input field
Click Delete to delete the input box of this line
Here is an example of demo on the official website:
<template>
<a-form :form="f ...
Posted by culprit on Fri, 05 Jun 2020 02:14:18 -0700
Sorting out the use of some functional functions
Some commonly used functional functions
About native JS
File size unit conversion
/**
* @desc bytesToSize Byte unit conversion
* @param bytes Incoming data in bit
*/
const bytesToSize = function (bytes) {
const k = 1024;
if (!bytes || bytes === 0) return '0 B';
if (typeof (bytes) == 'string') {
return bytes
} else {
...
Posted by gilijk on Sat, 30 May 2020 08:29:56 -0700
IView (view UI) multi graph upload
@Official documents
1. Install iview2.0
cnpm install view-design --save
2. Introduce the ViewUI. Part of the note is @Last article For example, in this article, the version upgrade must be commented out, but uninstall does not
// import iView from 'iview';
// import 'iview/dist/styles/iview.css';
import ViewUI from 'view-design';
im ...
Posted by don117 on Sun, 24 May 2020 08:39:00 -0700
vue image upload
@Official documents @Reference blog1,@Reference blog 2
Final effect:
realization:
After the introduction of iView, an error is found, and the error information can be referred to @Reference blog 1, according to the blog Guide
cnpm uninstall vue-cli -g
cnpm install -g @vue/clivue init webpack yanancnpm install vue
Then i ...
Posted by corruption on Sat, 23 May 2020 07:10:01 -0700
SpringBoot + Vue + ElementUI Implement Background Management System Template--Front End: Introduce element-ui to define basic page display
Prerequisite:
SpringBoot + Vue + ElementUI Implement Background Management System Template--Front End Chapter (1): Set up the basic environment:https://www.cnblogs.com/l-y-h/p/12930895.html
1. Define common component pages
The effect of a simple page is as follows: (Do it roughly and understand the page roughly)
1. Install element-ui ...
Posted by Silverado_NL on Thu, 21 May 2020 18:58:47 -0700
How to use slot in vuejs
Official website address: https://cn.vuejs.org/v2/guide/render-function.html
Usage scenario of slot: if you want to add a paragraph of html or text inside the defined component, for example
<my-button>
<p>Hello world</p>
</my-button>
In this case, you can use slot to display the inserted html code in the slot positi ...
Posted by MikeTyler on Thu, 21 May 2020 08:47:31 -0700
UglifyJs problem in vue packaging
Today, I'm going to pack a vue project that I've been working on recently. I'll run it to the test environment and test it by the way, but it appears when I don't want to pack it
ERROR in static/js/vendor.6ee331eab7d8c9bf1876.js from UglifyJs
Unexpected token name «i», expected punc «;» [static/js/vendor.6ee331eab7d8 ...
Posted by pulkit123 on Mon, 18 May 2020 08:45:29 -0700
Building mock data environment with vue+koa2
I wrote an article a while ago Implementation of mock data mode in front-end vue project In this paper, we mainly use mock data in vue project. The data and project are coupled together, which is not elegant. As a front-end with pursuit, how can we tolerate this method? In this article, we record the method of using koa2 to build the server and ...
Posted by cschotch on Sun, 17 May 2020 17:26:47 -0700