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