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