6. Front End Development-JavaScript DOM

6. Front End Development Language System-JavaScript DOM Article Directory 6. Front End Development Language System-JavaScript DOM JavaScript DOM Introduction to DOM DOM Method DOM Events DOM Event Listener DOM Styles and Interactions DOM Related Cases Reference Article JavaScript DOM Intr ...

Posted on Mon, 10 Feb 2020 23:31:34 -0500 by aktell

10 Vue Custom Directive

Why use custom instructions In vue2, the main form of code reuse and abstraction is component.However, in some cases, we still need to do a bottom level operation on common DOM elements, when we use custom instructions In addition to the built-in instructions (v-for/v-if/v-else/v-else-if/v-model/v-bi ...

Posted on Mon, 10 Feb 2020 21:19:30 -0500 by lulon83

Operands and forms of components of JavaScript

Article directory 1. Components of JavaScript 2. Operate BOM object 1).Window 2) . navigator 3).screen 4).location 5).document 6).history 3. Operate DOM object 1) . get dom node 2) . update node 3) . insert node 4) . delete node 4. Operation form 1. Components of JavaScript JavaScript consti ...

Posted on Mon, 10 Feb 2020 10:00:39 -0500 by Kerry Kobashi

Responsive picture carousel -- JavaScript writing

Here we will introduce a set of components of a responsive image carousel written in JavaScript. First look at the UI of the overall page: The specific functions are as follows: 1. When one of the four pictures below the yellow border is located, the large picture above will show the picture where the yellow border is locate ...

Posted on Sun, 09 Feb 2020 12:52:47 -0500 by riffy

Login and registration of Django learning users

1. html page parsing 2. url configuration of html 3. Path settings for static files, such as css and js     Now copy the html page to the templates folder Create a new static folder static copy css, js, image, img to the static folder   urls.py file configuration homepage url # _*_ encoding:utf-8 _*_ """MxOnline URL Co ...

Posted on Sun, 09 Feb 2020 10:37:54 -0500 by yuppicide

JavaScript classic cases (9x9 multiplication table, guessing game, countdown, picture switching...)

Reading catalogue 1, 9x9 multiplication table 2, Guessing game 3, Running clock 4, The realization of countdown 5, Count down a day 6, Picture switching 1, 9x9 multiplication table <style> table{ width:600px; border-collapse:collapse; } td{ border: 2px solid gre ...

Posted on Sat, 08 Feb 2020 11:10:30 -0500 by Pyro4816

JS event flow, DOM event flow, IE event processing, cross browser event processing, event object and type

Removal of events removeEventListener() The second parameter needs to specify the event handle to be removed. It cannot be an anonymous function because it is not recognized To remove successfully, the three parameters must be exactly the same as those in addEventListener <!DOCTYPE html> <html lang="en"> <head> <meta c ...

Posted on Sat, 08 Feb 2020 08:46:01 -0500 by Chef-Mars

The difference between Vue's calculated property and its monitored property

1, Calculated attribute 1. The calculation attribute is to make the expression in the template concise and easy to maintain, which conforms to the original design intention for simple operation. For example: <div id="app"> {{ myname.substring(0,1).toUpperCase() + myname.substring(1) }} </div> The operation is too complex, ...

Posted on Fri, 07 Feb 2020 13:41:22 -0500 by kriek

JS DOM uses different methods to get nodes and insert, copy and remove nodes

How to operate nodes appendChild() insertBefore() replaceChild() cloneNode() normalize() splitText()     sppendChild() appends child elements . firstElementChild() first child element node The return value is the child node of the operation <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl ...

Posted on Fri, 07 Feb 2020 05:01:43 -0500 by digi24

JS DOM create node

Add, delete, modify and query DOM node operations document.write() can add nodes to the document But there is a fatal problem, which will empty all the original nodes of the document Therefore, it is not recommended to use <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</t ...

Posted on Thu, 06 Feb 2020 07:39:59 -0500 by rurouni