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