Page experience Optimization - picture preview and upload display progress
In normal project development, we often upload files, not only to achieve the basic needs, but also to take into account the user experience. According to the problems encountered in our work, we talk about the preview of image upload and the optimization of upload progress.
1. Construction project
Based on the project built by Vue.js+axios, ...
Posted by jamesh on Mon, 28 Oct 2019 01:41:38 +0100
Learning record (day05 label operation, attribute binding, statement control, data binding, event binding, case user login)
[TOC]
1.1.1 label operation v-text & v-html
v-text: the data value bound in data will be output as is.
v-html: output the value of data and parse the HTML code automatically
<! -- the specified content can be displayed in the label body -- >
< label v-text = "" > / label > <! -- display in [text] -- >
< tag ...
Posted by anthill on Mon, 21 Oct 2019 21:47:04 +0200
Deep route of React
In this paper, two modes of route parameters acquisition and route are discussed.
Continuation: Basic use of route in React
This code is still based on the previous code.
Parameter acquisition of React route
Import the Link component from the react router DOM package. Note the use of deconstruction here
Then use the Link component to add a pro ...
Posted by Jip on Sat, 19 Oct 2019 18:10:23 +0200
Secondary encapsulation (update) of axios based on common business scenarios
Update the second encapsulation of axios according to the common business scenarios under vue project after one year
Function realization:1. Compatible with ie browser to avoid caching2. Reduce or update duplicate requests3. Interface domain name usage environment variable4. Global loading status5. Global error alerts that can be turned off6. G ...
Posted by phillips321 on Thu, 17 Oct 2019 00:56:47 +0200
HTTP API Call for Cloud Development
httpApi calls for small program cloud development.
httpApi call for small program cloud development (returning "47001 processing")
Technology stack
Using node JS + express to build web server and axios to request third party http Api
nodejsexpressaxios
Project structure
An application s ...
Posted by trinitywave on Thu, 19 Sep 2019 13:07:48 +0200
How to add a custom header to requests in the img tag
This is the requirement that you have a web page where the upload and preview of pictures come from a separate file server and the request for http requires access permissions to be set by adding an Authorization field to the request header.It's good to say that I just add a header with Axios, but previewing is more cumbersome because img is a ...
Posted by goochy808 on Thu, 12 Sep 2019 02:05:32 +0200
Summary of uploading and receiving egg files
There are two methods for egg to get uploaded files. One is to read files directly, and the other is to stream files.
file reading mode
Let's first look at how file is read, which needs to be configured in config
// config.defult.js
config.multipart = {
mode: 'file'
};
Control Layer Code
const fs = require('fs')
const path = require('pat ...
Posted by korngold on Fri, 30 Aug 2019 10:03:19 +0200
Seven useful Vue development techniques
1 state sharing
With the refinement of components, we will encounter the situation of multi-component state sharing. Vuex can certainly solve these problems, but as the official document of Vuex says, if the application is not large enough, in order to avoid code redundancy, it is better not to use it. Today we introduce the new addition of vu ...
Posted by The Eagle on Thu, 29 Aug 2019 17:11:29 +0200
Error when using element-ui drop-down box option value for object in vue project
When doing background management, we use vue with element UI, axios plug-in for request method, because I need to get other values of the select ed options, so I need to pass in the object. Baidu has not read the documents of the drop-down box very carefully. Baidu has read several articles and has not understood their meaning. Then she goes to ...
Posted by new@php on Fri, 23 Aug 2019 05:48:15 +0200
Vue Foundation (Data Request, Component, Attribute, etc.)
Vue Foundation (Data Request, Component, Attribute, etc.)
axios&&fetch
Purpose: To use data requests in frameworks
Data Request
Using fetch provided by native js
Using third-party encapsulation libraries: axios
axios can be mounte ...
Posted by methodman on Thu, 22 Aug 2019 13:50:58 +0200