Taro (React+TS) encapsulates a basic audio component based on InnerAudioContext (uni app (vue) (updated later)
Why encapsulate an audio component
This is mainly because the official audio of wechat applet is not maintained, and there are some problems on many iOS real machines, such as clicking can not be played, and the total time is not displayed
Requirements and limitations of audio components
Click play or pause
Display playback progress and total ...
Posted by CashBuggers on Wed, 25 May 2022 02:19:32 +0300
React parent-child component pass value && React life cycle
1.react life cycle
react life cycle: the whole process of many things from creation to destruction, this process is called the declaration cycle
React components also have their own life cycle, and understanding the life cycle of components allows us to complete the functions we want in the most appropriate place;
The relationship between the ...
Posted by wei on Tue, 24 May 2022 23:50:41 +0300
Get started with React and create React app
React is a JavaScript library for building user interfaces
This article mainly introduces the use of create react app
Related resources
React
create-react-app
Quick start
Create project NPX create react app my app
Open project CD my app
Start project npm start
directory structure
There is no configuration or complex folder structure, ...
Posted by gobbly2100 on Tue, 24 May 2022 04:59:31 +0300
Super detailed introduction to Netty, read this article is enough!
Mind map
preface
This article mainly describes some features and important components of Netty framework. I hope I can have a more intuitive feeling of Netty framework after reading it. I hope it can help readers get started with Netty quickly and reduce some detours.
1, Netty overview
Official introduction:
Netty is an asynchronous event-driv ...
Posted by UTAlan on Mon, 23 May 2022 08:08:02 +0300
Tepi technical team: one-year front-end handwritten Promise
Write Promise from zero
In this era of rapid front-end development, if you don't work hard today, you will become garbage tomorrow. Although this is seen on the expression package, I'm sure everyone has seen it. To be honest, this is rough, but this is the case.
To get back to business, let's take a look at today's content.
Last time we saw th ...
Posted by zytex on Sun, 22 May 2022 08:01:32 +0300
react/vue markdown editor component
In fact, there are many markdown editor plug-ins. It really doesn't make sense to build wheels repeatedly, but I actually want a markdown editor that can directly upload pictures to qiniu cloud. It feels a little meaningful to me, so such a thing was born
characteristic
You can directly upload pictures to qiniu cloud by simply setting an extern ...
Posted by fiorelina21 on Sat, 21 May 2022 13:47:31 +0300
Analyze the principle of react router V5 from the source code
This article will analyze the source code of the remaining components in the react router
<Redirect>
Like other routing components, < redirect > uses < routercontext Consumer > receive routing data;
Define prop types for < redirect >
Redirect.propTypes = {
push: PropTypes.bool,
from: PropTypes.string,
to: PropTypes ...
Posted by dyip on Tue, 17 May 2022 23:20:24 +0300
Use [React17] [Vue3.0] to realize [waterfall layout]
Start with the previous rendering:
What is waterfall flow?
Waterfall flow is a common layout at the front end. The specific form is multi column layout, with fixed width and variable height. At the same time, as the page scrolls, new elements will be added to the lowest column at the end of the waterfall. There are three common waterfall flo ...
Posted by chefmars on Mon, 16 May 2022 22:57:08 +0300
I just can't control my hands
Some recent tossing insights.
Personal blog things
In fact, I started the construction of personal blog website from a very early time, which initially benefited from GitHub Opening of IO domain names. In general, the history of building my blog is mainly divided into three stages.
Phase I
The first stage belongs to simplicity supremacy. Us ...
Posted by ngu_tri on Mon, 16 May 2022 15:58:17 +0300
Summary of basic knowledge of react (continuous updat ing...)
This article is included in github github.com/Michael-lzg...
Characteristics of React
Use JSX syntax to create components, realize component-based development, and open the door for functional UI programming
The high performance is praised: the efficient update of view is realized through diff algorithm and virtual DOM
Why use React
The use ...
Posted by RobbertvanOs on Mon, 16 May 2022 14:07:53 +0300