Vue webAPP home page development
Continue with previous article https://www.cnblogs.com/chenyingying0/p/12612393.html
Loading components
In api--home.js, add code to delay ajax from displaying a second after it gets the data for the relay map
import axios from 'axios';
import {SUCC_CODE,TIMEOUT} from './config';
//Get slide data ajax
export const getHomeSliders=()=>{
...
Posted by forsooth on Sun, 05 Apr 2020 11:08:31 -0700
Introduction to Vue -- imitating Baidu search
Sketch
Learning the second section of vue, because version 2.0 is not downward compatible, many of the video can not be implemented. Here are some main knowledge points
//v-on can be abbreviated as@
//Event bubbling means that when you click the button inside the div to trigger show1(), it will inevitably bubble to ...
Posted by renob on Sun, 05 Apr 2020 01:48:09 -0700
How to upload pictures and post-processing in rich text editor of layui
The front page and JS are as follows:
<form class="layui-form" action="" >
<textarea name="tweets" id="tweets" style="display: none;"></textarea>
<script>
layui.use('layedit', function(){
var layedit = layui.layedit;
layedit.build('demo'); //Build editor
});
</sc ...
Posted by tacojohn on Fri, 03 Apr 2020 03:24:35 -0700
Vue cli simple use of axios and cross domain development environment
Official: Axios is a promise based HTTP library that can be used in browsers and node.js
Here is English document And found on kancloud Chinese document
Install under the vue project (here is a simple example of using the project created by vue CLI)
$ npm i axios
Enter src/main.js to import axios
import axios f ...
Posted by misterph on Thu, 02 Apr 2020 06:17:36 -0700
vue+axios+php+mysql to realize dynamic update of front-end interface data
vue implements dynamic data mainly by vue resource and axios. However, vue resource has not been updated since vue 2.0. Therefore, this paper mainly uses axios to operate.
1. Install axios
npm install axios --save
2. Writing components in components of Vue cli
<span style="font-size:14px;"><template>
<di ...
Posted by killerofet on Thu, 02 Apr 2020 02:44:23 -0700
Using Express to build Node.js server
Express: a fast, open and simple web development framework based on Node.js platform.
Explain
install
Build Express
Test success
Call server method: Vue Resource & Axios
The difference between Vue resource and axios
axios reference: https://www.awesomes.cn/repo/axios/axios
Installation:
Third party npm is used here
Install express ...
Posted by mattyj10 on Wed, 01 Apr 2020 11:04:38 -0700
Vue - - Nuxt.js for the whole family
1. Directory structure
2. Aliases
On the vue page of nuxt.js, you can use ~or ~~ if you need to import resources from a directory such as assets or static.
3. Routing
Nuxt.js automatically generates the routing configuration for the vue-router module based on the pages directory structure. To use routing between pages, we recomm ...
Posted by nemesis.2002 on Sun, 29 Mar 2020 19:53:29 -0700
Java integrated Alibaba big fish platform SMS service sending verification code -- supplement registration part
It's still the previous chart
1, back end
Server verification needs to be performed again before registration
Is the user name registered
Is the mobile number registered
Whether the verification code is wrong
Whether the verification code is implemented
Password is encrypted with BCrypt
Controller layer
The method of user name verificatio ...
Posted by nexgen_x on Fri, 27 Mar 2020 08:14:08 -0700
axios in vue
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
//Copy code
import axios from 'axios';
let http = axios.create({
baseURL: ...
Posted by neerav on Thu, 26 Mar 2020 10:04:12 -0700
How should JWT be used?
I. overview
JWT, which is called JSON Web Token in full, is an open-source standard protocol. It defines a JSON based, lightweight and secure data transmission method.
Two, details
Each JWT is composed of three parts: Header, Payload and signature. At the same time, the JWT is spliced with dots in the form of:
Header.Payload.Signature
Header
Th ...
Posted by Dale_G on Mon, 23 Mar 2020 20:35:25 -0700