React Native super simple and complete example - tabs, page navigation, hot update, user behavior analysis

Learning React Native for the first time, if there is no guidance, you will find that many things can not be started, but when there is guidance, you will find it is very simple. This is also the main reason for me to write this blog, hoping to help beginners. This article will not introduce how to build a development environment. If you haven ...

Posted by kazer on Fri, 08 May 2020 19:15:12 -0700

ES6 learning note 2 - build tool script

The build tool script is in the es6/tasks / directory Installed package: ~ / ES6 $NPM install gulp gulp if gulp concat webpack webpack stream vinyl named gulp liverload gulp plumber gulp rename gulp uglify gulp util yargs -- save dev ------------------------------------------------------------------------------------------------------ gulp.t ...

Posted by JoWiGo on Sat, 02 May 2020 05:12:51 -0700

From the beginning of web front end to practice: HTML to PDF graphic report practice

Export PDF graphic report practice Method 1: jsPDF When using jsPDF, it should be noted that its default unit is mm, and configuration needs to be passed in when new jsPDF() const doc = new jsPDF({ unit: 'px', format: 'a4' }) This method is useless. This ghost has multiple lines of text and multiple pictures. It's killing! Method 2: w ...

Posted by fireant on Wed, 18 Dec 2019 02:19:20 -0800

vue ssr server-side rendering - preliminary development environment construction

vue ssr server-side rendering: the construction of development environment for beginners Preface By default, you have understood the basic content and implementation of ssr. If you are not familiar with it, you can read it first vue ssr server rendering There are not many articles about the construction of ssr development environment on the Int ...

Posted by Fastback_68 on Tue, 12 Nov 2019 02:22:00 -0800

webpack advanced -- 02 -- multi page application configuration

Project file structure: ├─build ├ ├─webpack.base.js ├ ├─webpack.dev.js ├ └─webapck.prod.js ├─package.json ├ ├─src └─views ├─admin ├ ├─index.js ├ └─index.html └─client ├─index.js └─index.html entry configur ...

Posted by mr666 on Mon, 21 Oct 2019 13:31:30 -0700

Web pack related configuration

//Since webback is built on nide, any legal node code is supported when configuring files.// 1. Import Path Template const path =require('path'); // Import plug-ins that generate html pages in memory const htmlWebpackPlugin = require("html-webpack-plugin") // 2. Operating through modules in node To expo ...

Posted by gammaman on Fri, 11 Oct 2019 13:19:29 -0700

Understanding and Implementing the Hot Update Principle of Web Pack

Catalog What is HMR Use scenarios Configure to use HMR Configuring webpack Parsing the contents of packaged web packages Configuration of HMR HMR Principle debug server source code Simple implementation of server Server Debugging Phase debug client source code Simple Implementation of Client Client debugging phase problem summary ...

Posted by robster on Fri, 06 Sep 2019 02:03:36 -0700

(Part 2) A short story of imitating the template of the series ___________ of `Vue Ecology'.

(Part 2) A short story of imitating the template of the series ___________ of `Vue Ecology'. This mission Continue: Complete the first unfinished'Hot Update'configuration. Core: Complete the relevant compilation of'template analysis'module, many articles on template analysis are too shallow, this time we will discuss in depth, as much as pos ...

Posted by dewed on Wed, 21 Aug 2019 02:08:35 -0700

Implementation of Hot Update Source Code for webpack

I. Thermal Renewal PrincipleServer side: 1. Start the webpack-dev-server server server 2. Create webpack instances 3. Create Server Server Server 4. The compilation of the done event callback adding webpack completes sending messages to the client (hash and description files oldhash.js and oldhash.json) ...

Posted by DoctorWho on Mon, 12 Aug 2019 01:36:36 -0700

React Native Hot Update and Mixed Development

With the continuous development and improvement of React Native, more and more companies choose to use React Native instead of iOS/Android to develop some business lines, and many companies using Hybrid technology turn to React Native. Although React Native still has a lot of pits for now, it's perfectly competent for App, which focuses on Appl ...

Posted by xtheonex on Sat, 22 Jun 2019 13:28:50 -0700