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