JS --- detailed explanation of BOM of JS

1. BOM overview BOM = Browser Object Model It provides an object that interacts with the browser window independently of the content, and its core object is window BOM consists of a series of related objects, and each object provides many methods and attributes BOM lacks standards. The standardization organization of JavaScript syntax is EC ...

Added by hostcord on Mon, 07 Feb 2022 07:46:04 +0200

TypeScript learning-19 decorator

Decorator introduce With the introduction of classes in TypeScript and ES6, in some scenarios, we need additional features to support labeling or modifying classes and their members. Decorators provide a way for us to add annotations on class declarations and members through metaprogramming syntax. Decorators in Javascript are currently i ...

Added by Timma on Mon, 07 Feb 2022 07:37:06 +0200

Multi phase construction of front-end docker image

1. Front end image construction record 1. dockerfile # Phase I FROM node:latest AS build ARG COSTAR_ENV ENV COSTAR_ENV=${COSTAR_ENV} COPY . . RUN npm config set registry https://registry.npm.taobao.org/ && \ npm install && \ npm run dev_build && \ mv dist web_portal && \ cp -r web_portal /www/ ...

Added by ciaran on Mon, 07 Feb 2022 02:37:06 +0200

The difference between vue2 and vue3 bidirectional data binding

The new responsive mechanism adopts ProxyApi of ES6 and abandons object defineProperty() Problems in Vue2 bidirectional data binding About objects Vue cannot detect the addition or removal of properties. Because Vue will perform getter/setter conversion on the property when initializing the instance, the property must exist on the data obj ...

Added by hsn on Mon, 07 Feb 2022 02:34:10 +0200

Use of keep alive of vue

Concept: Keep alive is a built-in component of Vue. When it wraps dynamic components, it caches inactive component instances instead of destroying them. Similar to transition, keep alive is an abstract component: it does not render itself as a DOM element or appear in the parent component chain. effect: In the process of component switching, ...

Added by blackmamba on Mon, 07 Feb 2022 02:25:53 +0200

Web is Easy,Let's try Gin

I quick start Download the package of gin: go get GitHub com/gin-gonic/gin The hello world written by gin is as follows: package main import "github.com/gin-gonic/gin" func main() { router := gin.Default() router.GET("/hello", func(context *gin.Context) { // Register a path handler context.Writer.WriteString("Hello!") }) ro ...

Added by bad_gui on Mon, 07 Feb 2022 00:01:26 +0200

The use of Vue Router 4 is thoroughly explained in an article

Vue 3.X using Vue router 4 X for routing configuration, let's study how to use Vue router 4 x. All usage methods in this article are using the Composition API. This paper introduces Vue router 4 step by step X to build a simple blog system, so that you can understand the new version of Vue router 4 X has a complete understanding, and then can ...

Added by domineaux on Sun, 06 Feb 2022 22:33:43 +0200

Learn CSS selector, read this article is enough (nearly 20000 words in detail)

Long time no see, I miss you very much! hello everyone! I'm breeze Yangyang. Today's article is to talk to you about CSS selectors in detail. I hope you can gain something after reading them. Then my hard codewords are worth it. If you have the greatest motivation to lose and like your creation, I might as well continue to support you. The nex ...

Added by Topsy Turvey on Sun, 06 Feb 2022 21:47:32 +0200

JavaScript object-oriented case -- object-oriented Tab bar switching

Case style:     Functional requirements: Click the tab bar to switch the effectClick the + sign to add tab items and content itemsclick × Number, you can delete the current tab item and content itemDouble click the text of tab item or content item to modify the text content Extracting objects: Tab objects The object has the function ...

Added by benn600 on Sun, 06 Feb 2022 21:03:03 +0200

build_ Construction process of process webpack

How to build webpack? 1, Operation process The running process of webpack is a serial process, and its workflow is to connect various plug-ins in series Events will be broadcast during operation. The plug-in only needs to listen to the events it cares about, and can join this webpack mechanism to change the operation of webpack and make th ...

Added by wayang_mbeling on Sun, 06 Feb 2022 20:55:55 +0200