Scientific memory method for many attributes of html-css

JavaScript learning overview and goals--separation of front-end and back-end

The core of the idea of ​​front-end and back-end separation and learning objectives

What is javascript and its development history

Three reference methods in javascript

What are the output methods of javascript?

javascript basic syntax

Declaration and naming convention of javascript variables

JavaScript variable type conversion

A brief analysis of the use of javascript operators

javascript flow control structure

The use of while loop nested structure

for loop implements multiplication table

Usage of break and continue statements

Declaration of js custom function

Parameters of js function and their functions

return value of js function

Use of function variable parameters

js high-order function callback function

js high-order function anonymous function

Use the constructor to generate a js object

Create objects through new Object()

Parse this object in js

Loop traversal of js objects

Declare js objects in literal mode

js array related operations

Rules for using js objects in actual development

js uses built-in constructor to create wrapper object

Use of js queue method push()-shift()-pop()-unshift()

js array operation method

js system sorting algorithm

js array iteration processing method

js string operation method

js numerical methods and properties

js math object methods

Date method--implement calendar function

js common event types

js exception handling

BOM Browser Object Model

BOM core--window object

window content loading event

Member properties of the window object

window object window operation method

js timer

Multiple timer clear

Application of window.screen object

window.location object implements page jump

Application of window.history object

Application of js cookie operation object

js localStorage client data storage

Homework summary and summary of this chapter

The origin of the DOM document object model

Association and conversion between JS and HTML

Add animation to a single dom element

DOM attribute members and document flow

Get an object through the document's collection operation

model operation element content

model operation element attributes

js implements batch adding selectors

js implements dynamic tab

Obtain the collection of elements through the name attribute to implement the select-all function

Homework summary

Get object-1 through class name attribute

Get object by class name attribute-2

Find html elements through querySelectorAll() method

HTML DOM navigation

Node properties

Navigate between nodes

How to encapsulate and obtain a node collection

How to create-delete-append-replace element node 01

How to create-delete-append-replace element node 02

Detailed explanation of the width, height and position attributes of the div box 01

Detailed explanation of the width, height and position attributes of the div box 02

DOM animation settings

Course Review and Outlook (Key Points)

The relationship between event source-event object-event handler

Three ways to add events to elements

Event object parsing

Event object properties--event bubbling

Mouse event--implement the picture to follow the mouse movement

Simulate mouse drag event 01

Simulate mouse drag event 02

Keyboard events--implementing keyboard wizard mini-game 01

Keyboard events--implementing keyboard wizard mini-game 02

Keyboard events--implementation of keyboard wizard mini-game 03

Scroll event--the page scrolls to keep the image position fixed

Events and methods related to DOM forms

Drop-down box onchange event and job demonstration