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