Building a project with gulp

I. environmental preparation 1.1 introduction to gulp gulp is a front-end automatic construction tool based on the file flow of node.js. It can be used to build automatic workflow and simplify workload Official definition: build system based on file flow Core files: gulpfile.js and package.json gulpfile.js: task script package.json: task con ...

Posted by wee_eric on Sat, 07 Dec 2019 20:45:11 -0800

React Bucket Configuration Guide in webpack4, Actual!

Latest React Family Bucket Practice Configuration Guide I'm listening to this document Mr. Lv Xiaoming For the course, Mrs. Lv combined her previous project experience with her own summary document on react webpack redux understanding, which took a total of one week to summarize. I hope to benefit the readers. I am here to do more basic proces ...

Posted by mbeals on Fri, 06 Dec 2019 14:33:11 -0800

vue integrates pdfjs to realize pdf file Preview

background The preview of pdf file format is required on the project. Analysis pdf file browser can be opened directly. So you only need to return the file stream of pdf file to preview the file directly. Open in this way, the whole page is full of pdf file content. The requirement is to add a specific title format to the page when ...

Posted by dhcrusoe on Thu, 05 Dec 2019 10:21:39 -0800

Talk about using flexible and px2rem loader in Vue cli

1. Download lib flexible npm i lib-flexible --save //or yarn add lib-flexible 2. Introduce lib flexible in the project. Generally, introduce lib flexible in (main.js) import 'lib-flexible/flexible' 3. Set meta tag (as appropriate) <meta name="viewport" content="width=device-width, initial-scale=1.0"> 4. Install px2rem loader npm instal ...

Posted by pdpullmn612 on Wed, 04 Dec 2019 20:37:07 -0800

#04-HK custom city selection list

04-HK custom city selection list This article is hkzf The series of mobile tutorials aims to help beginners quickly master the project development based on React technology stack through a series of articles. requirement analysis The custom city list is divided into two parts. The left side is divided into three parts: current location, hot ci ...

Posted by Cynix on Wed, 04 Dec 2019 19:29:20 -0800

vue learning: 10. The first project, background data management

Project construction: 1. The front end uses the Vue cli framework to realize page display 2. Middleware web service uses C ා to realize the connection between front-end and back-end database 3. Use stored procedures to put all businesses here, Project practice I. environment configuration 1. Install Vue cli globally and use it all the tim ...

Posted by katarra on Wed, 04 Dec 2019 15:51:59 -0800

vue routing -- website navigation function

1. First, support according to Vue router npm install vue-routerThen you need to introduce: import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) 2. Define the js file of router import Vue from 'vue' import Router from 'vue-router' import User from '../pages/user' import Home from '../pages/public/home' import ...

Posted by Mark.P.W on Wed, 04 Dec 2019 10:33:03 -0800

React 1.6 adds support for sass and less

Add sass and less support in the new version of react respectively. Note that the project is created with the create react app scaffold tool. Add sass support Adding sass support is very simple. You only need to execute the following command to install node sass. If it does not take effect, please restart the project. npm i node-sass --save Ad ...

Posted by rasherb on Wed, 04 Dec 2019 05:36:20 -0800

vue+openlayer display heat map

Description: in recent projects, openlayer is needed to implement the heat map. Since I just contacted opnelayer, I don't know what the loading format is. If I look at the official website, I don't give the loading data format. Later, after many attempts, it finally shows up. Record here, don't like to spray!!! Don't talk much, ...

Posted by slyte33 on Tue, 03 Dec 2019 09:28:19 -0800

Export excel data from the front end - jsonToExcel

Keke, I haven't blogged for a long time...   In the work, we met the pure front end, and exported the data to excel file. Start of text:   The first step of installation depends on: npm i xlsx Step 2 write the export function: import XLSX from 'xlsx' const exportJsonToExcel = (dataArr) => { const now = new Date() const wopts ...

Posted by Atanu on Mon, 02 Dec 2019 21:08:37 -0800