Front end performance and loading experience Optimization Practice (attached: PWA, offline package, memory optimization, pre rendering)
1, Background: why does the page get stuck?
1.1 long waiting time (performance)
The package / third-party script of the project itself is relatively large.JavaScript execution blocks page loading.Pictures are large and numerous.
Especially for the white screen time in the first screen resource loading, the longer the user waits, and the sl ...
Added by dsnhouse on Fri, 31 Dec 2021 03:19:10 +0200
Students' DW static web page design - good code quality - final assignment of HTML+CSS+JavaScript web page production in their hometown of Guangzhou (5 pages)
HTML5 final assignment: website design in hometown Guangzhou - good code quality - final assignment of HTML+CSS+JavaScript web page production in hometown Guangzhou (5 pages)
Common web design topics include individuals, food, companies, schools, tourism, e-commerce, pets, electrical appliances, tea, home, hotels, dance, animation, stars, c ...
Added by chris_2001 on Fri, 31 Dec 2021 00:25:25 +0200
React implements the basic application of todolist and components
Implement the basic ToDolist with react
The last time I learned how to build a basic react framework, today I'll try to write a ToDolist to exercise my logic ability First, we should build a basic framework and fill in two sets of default data
import React, { Component } from 'react';
class App extends Component {
constructor(props) {
...
Added by frost on Thu, 30 Dec 2021 23:49:00 +0200
webpack personal notes
In essence, webpack is a static module bundler for modern JavaScript applications.
When webpack processes an application, it recursively builds a dependency graph that contains each module required by the application, and then packages all these modules into one or more bundle s.
install
md mypack
//New folder
cd mypack
// Enter your projec ...
Added by inferium on Thu, 30 Dec 2021 17:01:49 +0200
With React hooks, you can spend more time fishing
🎙️ preface
According to legend, react 17 has a very powerful function, that is, react hooks. In fact, react hooks is a bit similar to vue3's composition API. They all appear to improve development efficiency.
Then, in the following article, we will start from 0 to 1 to show you about react hooks and some common API s.
No more nonsense, ...
Added by mr_griff on Thu, 30 Dec 2021 12:31:36 +0200
react Foundation (installation, construction, basic usage)
1, What is react?
React is a front-end programming framework. It is a javascript library used to build user interface. It originated from the internal project of Facebook. After being open-source, react has quickly become the most powerful tool for front-end engineers because of its convenient operation. React has high performance and very sim ...
Added by Chicken Little on Thu, 30 Dec 2021 11:16:11 +0200
Overview of basic use of Vue CLI and Vue Router
preface
basic instructions for Vue's tools (Vue CLI) and core plug-in (Vue Router).
Vue CLI
Official installation: Portal First install the scaffold globally.
npm install -g @vue/cli
# OR
yarn global add @vue/cli
Detect the installed version: vue --version or vue -V Create a project: Vue create my project or vue ui is cre ...
Added by wpfn on Thu, 30 Dec 2021 05:07:02 +0200
Exploration of generating screenshot poster at mobile terminal H5
Demand scenario
The mobile terminal H5 generates pictures and posters for sharing, which is a common interaction method. The generated posters often contain user's personalized information, such as avatar, nickname and so on.
In order to realize this interaction, we explore a feasible implementation scheme.
Scheme selection
According to ...
Added by ScottCFR on Thu, 30 Dec 2021 02:08:01 +0200
Database front-end and back-end interaction from back-end to front-end tutorial II
Database front-end and back-end interaction from back-end to front-end tutorial II
preface
It is divided into two blogs, taking the student management system as an example to realize the front-end and back-end interaction (it is not designed here, but focuses on the operation process!) Some software involved in the following will be intro ...
Added by mshallop on Thu, 30 Dec 2021 00:47:25 +0200
You know Promise
1. resolve parameter of promise
1.1 common values or objects
When the parameter of the resolve method is a normal value or object, the Promise state changes directly.
new Promise((resolve, reject) => {
// pending -> fulfilled
// Resolve (basic data type or common object)
resolve('promise');
// resolve({name: 'fct'});
}).then(re ...
Added by condorchou on Thu, 30 Dec 2021 00:08:47 +0200