React technical principles and code development practice: from components to life cycle

1. Background Introduction React is a JavaScript library for building user interfaces. It originated from Facebook, which implemented a front-end view layer framework in JavaScript and open sourced the project. Facebook is now at the helm full-time. React has many features, such as: Declarative programming: React adopts a declarative programming method, that is, using JSX […]

React technical principles and code development practice: from PWA to Web Components

1. Background Introduction React is a JavaScript library for building user interfaces. It was originally open sourced by Facebook in 2013. Its powerful functions, excellent performance, simplicity and ease of use make it one of the most popular front-end frameworks currently. In recent years, the React community has also undergone some changes, including the rise […]

[Android] Screen lag, optimized list fluency, pull down to refresh, pull up to load more components, RefreshLayout modification

I have also written about similar components before: Address: Pull down to refresh & pull up to load more components SmartRefreshLayout I originally planned to replace it with this one, but after careful research I found it was not suitable. The functions are very good, but they cannot be embedded in the current engineering system. […]

Summary of all aspects of getting started with SpringCloud Alibaba components (Part 1): registration center-nacos, load balancing-ribbon, remote calling-feign

Article directory Nacos Ribbon Feign FeignExpansion Nacos Concept: Nacos is a new open source project launched by Alibaba. It is a dynamic service discovery, configuration management and service management platform that makes it easier to build cloud native applications. Nacos is committed to helping users discover, configure and manage microservices. It provides a simple and […]

Use of React function components (Hooks)

Table of Contents Hooks concept understanding 1. What are hooks? 2. What problems do Hooks solve? useState 1. Basic usage 2. Reading and modifying status 3. Component update process 4. Rules of use useEffect 1. Understand function side effects 2. Basic usage 3. Dependencies control execution timing 4. Clean up side effects Hooks concept understanding […]

React technical principles and code development practice: creation and use of React components

1. Background Introduction Overview React is a JavaScript library for building user interfaces. It is designed to separate the UI layer and state logic and provide a concise and flexible API. When Facebook launched React in 2013, it was intended to replace Backbone and AngularJS. In order to better understand React, you need to understand […]

Cordova series simplifies complexity: creating Cordova components suitable for all scenarios

Foreword In the opening chapter of my previous article A Preliminary Study of Cordova, I mentioned that one of the significant limitations of Cordova in Android application development is that our Activity must inherit the CordovaActivity provided by it. This design is particularly restrictive for projects that pursue personalized UI design. In fact, it is […]

Ionic components ion-item-divider ion-item-group ion-item-sliding ion-label ion-note

1 ion-item-divider Item dividers are block elements that can be used to separate items in a list. They are similar to list headers, but instead of just being placed at the top of the list, they should be placed between the items. <ion-list> <ion-item-group> <ion-item-divider> <ion-label> Section A</ion-label> </ion-item-divider> <ion-item> <ion-label>A1</ion-label> </ion-item> <ion-item> <ion-label>A2</ion-label> </ion-item> […]

4. vue components, animation, scaffolding

Components, animations, scaffolding 1. ==Priority of v-if and v-for== 2. Animation 2.1 Introduction to animation 2. 2 Internal animation 2.3 Third-party libraries 3. Components 3.1 Register component 3.1.1 Partial registration 3.1.2 Global components 3.1.2 Naming rules for components 3.2 template 3. 3 data 3. 4 Components are reusable vue instances 3.5 Component nesting 4. Scaffolding […]