The basic operation of vue -- the eleventh week and the twelfth week of sophomore year

vue When creating a vue instance, an object options is passed in el:string/htmlelement: determines which DOM the vue instance will manage data:object/function: the data object corresponding to the vue instance (there must be a function in the component) methods:{[key:string]:function} function: define some methods belonging to vue, which ...

Posted by techevan on Sun, 21 Nov 2021 13:13:43 -0800

Front end engineering and webpack

1, Front end development mode before 2016: 1. Can write HTML + CSS + JavaScript, can develop front-end 2. If you need to beautify the page style, drag a bootstrap 3. You need to operate the DOM or initiate an Ajax request, and then drag a jQuery 4. To quickly realize the effect of web page layout, drag a Layui Current fron ...

Posted by msaz87 on Sun, 21 Nov 2021 02:43:29 -0800

Quickly understand the class definition of ES6

Before ECMASCript 6, constructor patterns and prototype patterns and their combinations were used to simulate the behavior of classes. However, these strategies have their own problems and corresponding compromises. The implementation of inheritance can also be very lengthy and confusing. Therefore, ECMASCript5 introduces a new class keyword to ...

Posted by Mystis on Sun, 21 Nov 2021 02:08:49 -0800

Understanding of decorators in TypeScript

definition Decorators are special types of declarations that can be attached to class declarations, methods, accessors, properties, or parameters It is a function of dynamically extending objects without changing the original class and using inheritance Similarly, in essence, it is not a tall structure, but an ordinary function. The form of ...

Posted by Sphynx on Sat, 20 Nov 2021 23:53:47 -0800

The principle and exploration process of global event bus in Vue

prefaceIn the previous article, I wrote about custom events in Vue. Custom events are the basis of the global event bus. I buried a small foreshadowing in my last article. As shown below:As I said, in Vue, if we use (@ ORV on) to bind a custom event to the component, its essence is to bind an event to the child component VueComponent, that is, ...

Posted by trixiesirisheyes on Sat, 20 Nov 2021 13:30:34 -0800

Summary notes for javaScript and jquery

Pay attention to me when I study, learn something by myself and some useful little things! In the future, you will also send some projects you have done and how to solve the problems you encountered. . JavaScript Common Events onclick//Mouse Stand-alone Object onmouseover//Mouse pointer is moved over an element onmouseout//Mouse pointer leave ...

Posted by greens85 on Sat, 20 Nov 2021 12:13:25 -0800

JS defines the basic knowledge of variables and data types

Article catalog catalogue Article catalog preface 1, What is JavaScript? 2, Writing position of JS 1. Inline 2. Embedded 3. External chain 3, Input / output statement 1. Enter a statement   2. Output statement 4, Definition and use of variables   1. Define variables 2. Notes on variables 3. Variable ...

Posted by kidd1270 on Sat, 20 Nov 2021 11:37:17 -0800

BOM browser object model, DOM document object model

1, BOM browser object model BOM - Browser Object Model The top-level object of BOM is winodw (an object. When you open a page, there is a window) All the variables you define in the group are under window. 1. Window size of browser Refers to the size of the browser's visual window. A scroll bar may appear in the browser   &nbsp ...

Posted by fireice87 on Sat, 20 Nov 2021 10:15:19 -0800

In nodejs, HTTP protocol and WS protocol reuse the same port

00. Preface Recently, when I was writing a web page, I needed the back-end websocket service. Because I didn't need too complex functions, the back-end chose to use the nodejs websocket module of nodejs. During the development process, it was found that http service was needed, but nodejs websocket could not implement http service, so it began ...

Posted by dev99 on Sat, 20 Nov 2021 09:40:02 -0800

[AntDesignVue | Table] pure front-end Table import and export Table form complex header rule matching model

Project scenario: 1. Ant Design Vue uses forms to import presentation data 2. The project requirements are displayed as shown in the figure below, so it involves the processing and display of complex headers 3. This article mainly focuses on the processing and explanation of complex headers. Plug ins such as xlsx can be used for simple header ...

Posted by dbarron87 on Sat, 20 Nov 2021 08:42:41 -0800