Front end case: my memo (supports the addition, deletion and modification of events, and the code is complete)

This case does not use any framework. It is implemented using js native and DOM operation. The code is complete and can be copied and used immediately. catalogue 1, Case effect 2, Key points involved 1. Event monitoring 2. DOM node operation (1) Common node acquisition methods (2) Common node information acquisition methods (3) Common ...

Added by Brokenhope on Wed, 19 Jan 2022 10:09:59 +0200

[practical skills] CSS custom attributes and their use in VUE3

What are css custom attributes It's officially called custom attribute, but I'm used to calling it variable. In short, it's a CSS attribute that developers can name and use independently How are CSS variables different from those in the preprocessor? CSS variables are CSS properties directly available in the browser, while variables in prepr ...

Added by FidelGonzales on Mon, 17 Jan 2022 11:21:32 +0200

JavaScript: Dom knowledge points summary

catalogue 1, Introduction to DOM 2, HTML DOM tree structure: 3, DOM node Node type Node parent, child, and sibling (1) Parent node (2) Child nodes (3) Child nodes (4) Child nodes first and last (5) Sibling node 4, DOM object 1. Common ways to find HTML elements (1) get method (2) querySelector and querySelectorAll (3) Get speci ...

Added by .Stealth on Mon, 17 Jan 2022 10:36:17 +0200

Front end Engineer Cultivation Plan DOM Part 05 - reflux and redrawing

In the previous section, we talked about most node operations. This section complements some node operations and describes some optimization solutions to browser rendering problems Get element related nodes <body> <div class="item"> <h3 class="title">123</h3> <p class="des">456</p> <p class="pri ...

Added by envexlabs on Tue, 21 Dec 2021 03:55:51 +0200

How to use JS to realize a screen recording function

Code words are not easy, and helpful classmates hope to be able to pay attention to my WeChat official account: Code program life, thank you! Code self use and self access. Take you to realize a screen recording function with JavaScript. OBS studio is easy to use, but JavaScript is also easy to use. Now, we use JavaScript to realize our ...

Added by herbally on Fri, 26 Nov 2021 18:13:51 +0200