JavaScript Preparsing, Objects
1. Pre-resolution
1. Variable Pre-parsing and Function Pre-parsing
JavaScript code is executed by the JavaScript parser in the browser. The JavaScript parser runs JavaScript code in two steps: pre-parsing and code execution.
Pre-parsing: In the current scope, variables with var and function declarations are declared or defined in memory ...
Posted by rthconsultants on Mon, 08 Nov 2021 15:38:19 -0800
Summary and sorting of Vue knowledge points
1, Comparison of Vue, angular and react three mainstream frameworks
1. Compared with angular
api is simple, quick to start, and low learning cost;Angel uses two-way binding, and Vue also supports two-way binding. However, it is a one-way data flow, and the data is transmitted from the parent component to the child component in one directionIn ...
Posted by FrankHarley on Mon, 08 Nov 2021 15:09:49 -0800
React Base_ 4 (Life cycle. Hook function)
Preface
Lifecycle of components and associated hook functions
text
Lifecycle of components: The life cycle is the entire process from creation of a component to not running unloaded from a page. There are many functions that run throughout the life cycle, which are hook functions. Only class components have a life cycle. Hook function at cre ...
Posted by predhtz on Mon, 08 Nov 2021 14:20:35 -0800
web front end -- knowledge speed learning of Javascript
Environment construction of JavaScript
Development environment: webstorm, hbulider Running environment: chrome browser
code
Knowledge 1
Several ways of writing JavaScript 1 2 3 4. Realize the display of data in the page 5 prompt Popup 5. Define variables
// var a =1; global variable
// var a =1;
// alert(typeof (a) ...
Posted by DigitalDesign on Mon, 08 Nov 2021 12:57:02 -0800
React Basics_ 6 (principle and Optimization)
preface
1. Relevant principles of react 2.React performance optimization
text
Introduction to related principles of React setState method, which updates the data asynchronously, and calls the setState method several times, and finally only re renders the render method once
class App extends React.Component{
state={
num:0
}
...
Posted by broseph on Mon, 08 Nov 2021 07:48:43 -0800
Tailwind CSS introduction and Practice
backgroundTailwind It is a CSS framework based on atomic / utility first specification. It provides basic tool classes (such as preset classes such as inner margin padding, font text and font, animation transition, etc.), which can be directly combined in script markup language to build the design you want.The current mainstream UI framework, s ...
Posted by interrupt on Sun, 07 Nov 2021 21:34:26 -0800
vue novice (install devtools browser debugging tool, container and vue instance, template syntax, event binding, conditional rendering, list rendering)
Download the tutorial for installing and configuring Vue debugging tools and put it here: Install Vue devtools browser debugging tool
Relationship between container and instance:
Container: in short, it is the label corresponding to the attribute value of el in the Vue instance in the page structure
Instance: to use Vue, you need to create a ...
Posted by sincspecv on Sun, 07 Nov 2021 21:32:19 -0800
Create a UI component library and generate component documents
My technology is not fine, just play, for reference only, and the complete source code is provided at the end of the article.Personally, there are too many component libraries on the market. In fact, we don't need to build them ourselves. Any one can meet the basic development needs. If you want to play, you can try to build one yourself.First, ...
Posted by elitegosu on Sun, 07 Nov 2021 20:49:08 -0800
Vue components_ Creation method_ data and methods_ Component switching_ Transfer between parent and child components_ data and props
Create global component
Vue components are also Vue instances. Method 1: com1
Mode 1: component
Combine extend in Vue when creating components
const com1 = Vue.extend({
template:"<h1>This is the first global component created</h1>"
//Represents the UI code deconstruction of this component
})
Note: the template cannot ...
Posted by jayrulez on Sun, 07 Nov 2021 19:15:41 -0800
[TypeScript] play TypeScript from scratch - data types in TypeScript
preface
Hello, guys. In the last article, we had a preliminary understanding of typescript: Mastering what typescript is, how to use typescript and when to use typescript. Today we will learn about data types in typescript.
As mentioned in the previous article, TypeScript is a superset of JavaScript. Since it is a superset, some data type ...
Posted by PRodgers4284 on Sun, 07 Nov 2021 18:47:34 -0800