Programmer Think

1. Find elements: (1). There are 4 kinds of element objects that can be obtained directly without searching: document.documentElement - document.head - document.body - document.forms[i] - (2). If you have obtained an element object, when you find the element object around you, you can use the search by the relationship between nodes: 2 ...

In web development, sometimes it is inevitable to deal with "selection" and "cursor", such as selecting highlight, selecting toolbar, manually controlling cursor position and so on. The selection area is the part selected with the mouse, usually blueWhat about the cursor? Is it the flashing vertical line?Warm tip: the articl ...

catalogue 1, Introduction to canvas 2, Drawing basis 1. Introduction to canvas label 2. canvas Context 4. Case: drawing a table in canvas 5. beginPath status of canvas 6. Draw rectangle rect 7. Draw circular arc 8. Case: draw a pie chart based on a set of data 1, Introduction to canvas Canvas is a new label provided by HTML5 < ca ...

1. Array (1) When storing multiple data of the same type, you can use array, which is a reference type. Two ways to create arrays //The first creation method Use the new keyword var nameList = new Array(); //The second creation method uses [] literal. var nameList = []; (2) Data is stored by index (sequence number) in the number, and t ...

Browser architectureJavaScript runs in the browser, BOM is the bridge between JavaScript code and browser, and DOM is used to operate various tag elements.BOM includes window, history, location, documentDOM includes Document (whole Document), Element (label Element), CharacterData (character data) and Attr (attribute), which can be further divi ...

This is the third article about diff, talking about vue3's diff ideas Ideas mainly come from vue-design project [CSDN]Talk to the interviewer about Diff___React [CSDN]Talk to the interviewer about Diff___vue2 [CSDN] talk to the interviewer about diff___ Vue3 (this article) For a better reading experience, it is suggested to start from th ...

Advanced events 1, Registration event (binding event) Traditional registration events are unique. Only one function can be set, and the later registered function will overwrite the new functionMethod listening registration method: addEventListener(type，listener[,useCapture]) (1) The event type inside is a string, which must be quoted without ...

Learning links: https://www.bilibili.com/video/BV1Sy4y1C7ha JavaScript basic syntax dom-bom-js-es6 new syntax jQuery data visualization ecarts dark horse pink teacher's front end introduction video tutorial, P204~P246 catalogue 1. Operation elements 1.1 case of imitating JD to display and hide password plaintext 1.2 case of closing QR code ...

Click event In 2002, W3C released the DOM Level 2 Events Specification Specify that the browser needs to support two call sequences at the same time: First, see if there is function monitoring in the order of Grandpa = > dad = > son Then see if there is function monitoring in the order of son = > father = > Grandpa Call ...

⛱️ preface I still remember the last interview when I was asked about the relationship between htmlCollection and array. At that time, I was thinking about the relationship between sets and arrays in html. That is to say, the relationship between sets and arrays? So... The interviewer immediately corrected me that htmlCollection is a c ...