Basic concept of webpack (nanny level)
1, What is Webpack
webpack itself is a third-party module package of node, which is used to package code
As can be seen from the figure, Webpack can convert various static resources js, css and less into a static file, reducing page requests.
Functions:
less/sass -> css ES6/7/8 -> ES5 HTML / CSS / JS - > compact merge ...
Posted by swizenfeld on Mon, 18 Oct 2021 17:01:22 -0700
[React] advanced component
1, Introduction to component communication
Components are independent and closed units. By default, they can only use their own data. In the process of componentization, we split a complete function into multiple components to better complete the functions of the whole application. In this process, it is inevitable to share some data am ...
Posted by pleisar on Thu, 14 Oct 2021 13:02:02 -0700
React source code analysis -- ReactChildren.js
2021SC@SUDSC
2021SC@SUDSC
ReactChildren.js
As anyone who has read the source code knows, this js file exports five methods:
export {
forEachChildren as forEach,
mapChildren as map,
countChildren as count,
onlyChild as only,
toArray,
};
Then in the React.js file:
const Children = {
map,
forEach,
count,
toArray,
on ...
Posted by Codewarrior123 on Thu, 14 Oct 2021 11:58:46 -0700
vue declaration cycle and template syntax
Vue is a set of tools for building user interfaces
Progressive framework(
Select the tools in the framework according to your own needs. Vue does not require you to accept and use all its functions and features at one time). Unlike other large frameworks, Vue is designed to be applied layer by layer from the bottom up. Vue's core library on ...
Posted by john_6767 on Wed, 13 Oct 2021 07:47:09 -0700
[React introduction practice] combined with ant design, develop a table list with [complex operation] and the use of [Modal pop-up] from 0
There is no doubt that you are born worthy of love.
catalogue
1. See the page effect
2. Analyze interface documents
(1) Freeze and unfreeze interface
(2) View details interface
(3) Assign role interface
(4) Create user interface
3. Reference UI to write front-end pages
(1) Overall page layout
(2) L ...
Posted by Creech on Mon, 11 Oct 2021 21:00:59 -0700
React -- three attributes of components (state, props, refs)
Welcome to learn and communicate!!! Updating continuously
Three properties of components (instances)
state attribute
State: state. Stateful components are complex components and stateless components are simple components
understand: state is the most important attribute of the component object, and the value is the object (which can ...
Posted by Sealr0x on Mon, 11 Oct 2021 11:57:33 -0700
React source code analysis overall introduction to A-react-reconciler
catalogue
React reconciler entry
DIFF algorithm
Fiber tree and its related
Scheduling algorithm and others
summary
2021SC@SDUSC
React reconciler entry
In the first blog post, I briefly introduced the situation of reaction and its test run. Here, I explained that the component rendering in reaction mainly depends on render, and rend ...
Posted by FuriousIrishman on Sat, 09 Oct 2021 19:39:31 -0700
html and js projects introduce parent-child or child-child value transfer into react framework
1, Introduction of react
Three files need to be imported
1.react.js
https://unpkg.com/react@17/umd/react.development.js
https://unpkg.com/react-dom@17/umd/react-dom.development.js
2.babel.js (because react is written in xml, it needs to be compiled with babel to avoid error)
https://unpkg.com/@babel/standalone/babel.min.js
You can direct ...
Posted by subnet_rx on Fri, 08 Oct 2021 19:15:54 -0700
React starts from scratch
React starts from scratch
4.1 introduction to react components
Using React is using components Component represents some functions in a page Combine multiple components to achieve complete page functions
Reusable, independent and composable
4.2 two creation methods of react component
4.2.1 creating with functions
Functi ...
Posted by sanchez77 on Tue, 05 Oct 2021 10:48:10 -0700
Vue quick start
1.Vue overview
1.1MVVM mode
M: That is, Model, including data and some basic operations 5: That is, View, page rendering results VM: view model, two-way operation between model and view (without developer intervention) Before MVVM, developers obtain the required data Model from the back end, and then render the Model into the View through ...
Posted by raker7 on Sat, 02 Oct 2021 15:59:47 -0700