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