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
Come to markdown editor md-editor-v3 in Kangkang vue3 environment. It supports tsx and dark mode~
Development background
All this comes from developing vue3-admin There is no appropriate editor component when the demo content of.
explain
It can only be used under vue3 project, developed with jsx syntax, and used in tsx project. To reduce insertion, less. Is not used Modifyvars method to switch topics, instead of replacing the class name. ...
Added by russellpehrson on Mon, 17 Jan 2022 09:39:32 +0200
Drag the mouse to create a selection and select the element
Welcome to personal blog website: Firefly forest: https://blog.xkongkeji.com
Recently, to make an editor, you need a function of dragging and dropping the selection area with the mouse to facilitate batch selection of elements and corresponding operations. All of you have this article.
Effect display
Create selection component
1. To sele ...
Added by halojoy on Mon, 17 Jan 2022 09:34:42 +0200
In order to get her started with canvas in 10 minutes, I stayed up late and wrote three small projects and this article
(https://juejin.cn/post/697868... "https://juejin.cn/post/6978685539985653767")」prefaceHello, I'm Lin Sanxin. When I recalled my school recruitment, I was asked about canvas many times by the interviewer, but I didn't. later, I always wanted to find a chance to learn canvas, but I didn't have time. The position of canvas in the front end is be ...
Added by BooRadLey on Mon, 17 Jan 2022 08:59:33 +0200
html5 mobile web development has successfully won the offer of byte beating and Tencent
1, Foreword
The powerful effect of css3 animation is self-evident. Since its emergence, it has been hot, and its advantages and disadvantages with js animation have always been the topic of debate in the front-end industry. There is no doubt that the emergence of css3 animation reduces the difficulty of realizing animation effect to a certain ...
Added by kumarrana on Mon, 17 Jan 2022 08:35:05 +0200
Detailed explanation of common design patterns in Javascript
Original link: https://www.cnblogs.com
1: Understand factory model
The factory model is similar to the factory in real life, which can produce a large number of similar goods, do the same things and achieve the same effect; You need to use factory mode at this time.
A simple factory model can be understood as solving multiple similar p ...
Added by MrSarun on Mon, 17 Jan 2022 07:52:10 +0200
Introduction to web front-end development, how to add anchors to HTML
Intersection selectorUnion selectorDescendant Selectors Child Selector Adjacent Sibling Selectors attribute selectors
Intersection selector
The intersection selector consists of two selectors directly connected. The first selector must be an element selector, and the second selector must be a class selector or ID selector. The two selectors ...
Added by bonaparte on Mon, 17 Jan 2022 06:48:43 +0200
Because of it, I almost deleted the library and ran away: js anti shake and throttling
preface
Front end stepping on Thunder: repeated submission in a short time leads to repeated data.
For the front-end boss, the application of anti shake and throttling technology is the basic operation. For "part-time" front-end developers, these are pits that need to lie flat.
Let's play js anti shake and throttling today, and ...
Added by ld0121 on Mon, 17 Jan 2022 06:08:05 +0200
Super detailed! Vue coderwhy personal study notes (Day3-Day4)
preface
This article is followed by a note
Super detailed! Vue coderwhy personal study notes (I) (Day1-Day2)This is mainly a Day3-Day4 content note
4, Component development
(1) I. content overview
Understanding componentizationRegister componentsComponents and other supplementsComponent data storageParent child component communication ...
Added by coolen on Mon, 17 Jan 2022 05:23:52 +0200
HTML CSS (Basic) Chapter4(Pink) composite selector
1. CSS composite selector
The descendant selector is also known as the include selector. You can select the child elements of the parent element (li is the child of ol). Element 1 and element 2 must be separated by spacesDescendant selectors can be a combination of basic selectorsThe child selector can only select the nearest child eleme ...
Added by RockyShark on Mon, 17 Jan 2022 04:58:38 +0200