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