vue signal realizes real-time message synchronization between front and back end

##Foreword Recently, I received a project that requires using websocket to connect. As a result, a. Net signal came. I was responsible for processing the front end. After getting the sample js given by the back end, I started to write the connection of vue. The main purpose is to realize that the server sends messages to the use ...

Posted by varun_146100 on Sun, 22 Dec 2019 14:23:59 -0800

Two projects one webpack package

File dependency is complex, static resource request efficiency is low, modularization support is not friendly, browser compatibility with advanced JS is low? That's the time to learn about webback I. a brief understanding of webpack (1) concept Webpack is a static module packaging builder for JavaScript applications. When processing an app ...

Posted by kubis on Tue, 17 Dec 2019 20:36:34 -0800

Construction of Cesium Vue development environment

Recently, I was asked how to integrate cesium in vuejs. The official website I first thought of should have a tutorial. There is a special talk on the official website about Cesium and Webpack. According to the instructions on the official website, we set up a Demo to record the process of stepping on the pit. I. vue project creation, using vue ...

Posted by austingecko on Sun, 08 Dec 2019 11:55:34 -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

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

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

Lazy loading of components in dva

On demand loading of components is an important means to improve the performance of the first screen. dva@2.0 uses react router @ 4.0. There are changes in the way it is used. Online discussions are basically old. If it is unclear, it will be messy. Here is a record. Before dva@2.0 There are many discussions about lazy loading before dva@2.0. P ...

Posted by loweauto on Tue, 03 Dec 2019 12:27:54 -0800

Analysis of Compiler.js module of webpack source code

webpack.js little tail const webpack = (options, callback) => { //... if (callback) { if (typeof callback !== "function") { throw new Error("Invalid argument: callback"); } if ( options.watch === true || (Array.isArray(options) && options.some(o => o.watch)) ...

Posted by deep on Sat, 30 Nov 2019 11:01:15 -0800

Four ways to lazy load react components

Lazy load: why? Solve page fake dead state Single page vue and react, only one HTML, slow loading of the first screen, fast switching in the later stage, which is not conducive to search engine optimization (SU), and the front-end rendering is not conducive to 500kb for the first screen is good for user experience, and the maxim ...

Posted by feidakila on Thu, 28 Nov 2019 14:18:13 -0800

Practice of installing and using TypeScript in old React projects

Preface By default, this article gives you an overview of what TypeScript is, mainly explaining how to install and use it in older React projects. The main purpose of writing this is that there are many online explanations of TypeScript, but they are grammatical concepts or simple examples. There are few articles that actually transform an old ...

Posted by darklight on Wed, 27 Nov 2019 17:42:01 -0800