JavaScript basic syntax [dom|bom|es6 new syntax|jQuery|data visualization echarts]-Free online video tutorial-php.cn

Community Learn Tools Library Leisure

English

JavaScript basic syntax [dom|bom|es6 new syntax|jQuery|data visualization echarts]

Material collection: https://gitee.com/xiaoqiang001/java-script.git 1. JavaScript basics from the definition and use of variables, flow control statements, arrays, functions, constructors, built-in objects and objects, etc. 2. Web API explains how to obtain DOM elements, how to operate DOM elements, BOM operations, and create web page special effects on mobile terminals. 3. Later there will be advanced js, ES6 object-oriented syntax, object-oriented cases, prototypes and prototype chains, etc. 4. jquery comprehensive + echarts data visualization

Elementary

bom

dom

echarts

javascript

jquery

data visualization

grammar

546527 person learning

470class hour

01 days 23 hours 19 minutes 37 secondsTotal course duration

2022-04-24update

王林

Gold lecturer

A total of 180 courses Student180304 Lecturer rating5.2

有朋自远方来，虽远必诛！More>>

Course Introduction Course Outline Other Courses

You will learn：

Material collection: https://gitee.com/xiaoqiang001/java-script.git 1. JavaScript basics from the definition and use of variables, flow control statements, arrays, functions, constructors, built-in objects and objects, etc. 2. Web API explains how to obtain DOM elements, how to operate DOM elements, BOM operations, and create web page special effects on mobile terminals. 3. Later there will be advanced js, ES6 object-oriented syntax, object-oriented cases, prototypes and prototype chains, etc. 4. jquery comprehensive + echarts data visualization

JavaScript basic syntax [dom|bom|es6 new syntax|jQuery|data visualization echarts]

Chapter1 Computer Basics
expand retract

Section1 Introduction to computer basics
duration： 01 minutes 29 seconds

Section2 programming language
duration： 09 minutes 19 seconds

Section3 Computer Basics
duration： 09 minutes 23 seconds
Chapter2 Introduction to JavaScript
expand retract

Section1 Introduction to JavaScript
duration： 00 minutes 52 seconds

Section2 First introduction to JavaScript
duration： 07 minutes 28 seconds

Section3 The browser executes the js process
duration： 03 minutes 58 seconds

Section4 js consists of three parts
duration： 03 minutes 57 seconds

Section5 js three writing positions
duration： 06 minutes 51 seconds
Chapter3 Comments and variables
expand retract

Section1 Comment
duration： 03 minutes 14 seconds

Section2 Input and output statements
duration： 04 minutes 15 seconds

Section3 Introduction to variables
duration： 00 minutes 52 seconds

Section4 what is a variable
duration： 04 minutes 45 seconds

Section5 Use of variables
duration： 06 minutes 20 seconds

Section6 Variable case
duration： 03 minutes 03 seconds

Section7 Variable case popup username
duration： 03 minutes 09 seconds

Section8 Variable syntax expansion
duration： 08 minutes 41 seconds

Section9 Variable naming convention
duration： 09 minutes 48 seconds

Section10 Transform the values of 2 variables
duration： 07 minutes 53 seconds

Section11 Variable summary
duration： 02 minutes 05 seconds
Chapter4 type of data
expand retract

Section1 Introduction to data types
duration： 00 minutes 55 seconds

Section2 Introduction to data types
duration： 06 minutes 17 seconds

Section3 NumericNumber
duration： 11 minutes 32 seconds

Section4 isNaN
duration： 02 minutes 17 seconds

Section5 String type
duration： 07 minutes 35 seconds

Section6 Pop up web page warning box
duration： 01 minutes 59 seconds

Section7 String length and concatenation
duration： 07 minutes 32 seconds

Section8 String splicing enhancement
duration： 05 minutes 53 seconds

Section9 show age case
duration： 04 minutes 05 seconds

Section10 boolean as well as undefined and null
duration： 07 minutes 19 seconds

Section11 typeof detects variable data type
duration： 05 minutes 28 seconds

Section12 literal
duration： 02 minutes 17 seconds

Section13 Convert to string type
duration： 07 minutes 20 seconds

Section14 Convert to numeric parseInt and parseFloat
duration： 07 minutes 38 seconds

Section15 Convert to numeric Number and implicit conversion
duration： 03 minutes 25 seconds

Section16 Calculate age case
duration： 04 minutes 24 seconds

Section17 Simple adder case
duration： 04 minutes 51 seconds

Section18 Convert to boolean
duration： 02 minutes 03 seconds

Section19 Extended reading on the difference between compiled and interpreted languages
duration： 03 minutes 46 seconds

Section20 Extended Reading: Identifier Keywords Reserved Words
duration： 02 minutes 37 seconds

Section21 after class homework
duration： 00 minutes 55 seconds
Chapter5 operator
expand retract

Section1 Introduction to operators
duration： 00 minutes 44 seconds

Section2 arithmetic operators
duration： 09 minutes 35 seconds

Section3 Expressions and return values
duration： 03 minutes 29 seconds

Section4 prepended increment operator
duration： 06 minutes 38 seconds

Section5 Postfix increment operator
duration： 03 minutes 53 seconds

Section6 Increment Operator Exercise
duration： 05 minutes 38 seconds

Section7 Summary of pre-increment and post-increment
duration： 03 minutes 03 seconds

Section8 comparison operator
duration： 06 minutes 56 seconds

Section9 Logical Operators
duration： 06 minutes 37 seconds

Section10 Logical operator exercises
duration： 02 minutes 46 seconds

Section11 Logical interrupt, logical AND
duration： 06 minutes 38 seconds

Section12 logical interrupt, logical or
duration： 04 minutes 08 seconds

Section13 assignment operator
duration： 03 minutes 20 seconds

Section14 operator precedence
duration： 07 minutes 15 seconds
Chapter6 process control
expand retract

Section1 Introduction to process control branch structure
duration： 00 minutes 54 seconds

Section2 process control
duration： 02 minutes 38 seconds

Section3 if branch statement
duration： 06 minutes 18 seconds

Section4 Enter the Internet cafe case
duration： 02 minutes 43 seconds

Section5 ifelse double branch statement
duration： 06 minutes 08 seconds

Section6 Determine leap year cases
duration： 06 minutes 37 seconds

Section7 if else if multi-branch statement
duration： 07 minutes 24 seconds

Section8 Judging grade cases
duration： 08 minutes 15 seconds

Section9 ternary expression
duration： 05 minutes 13 seconds

Section10 Digital 0 filling case
duration： 05 minutes 01 seconds

Section11 switch statement
duration： 09 minutes 23 seconds

Section12 Switch precautions
duration： 05 minutes 13 seconds

Section13 Query fruit cases
duration： 04 minutes 23 seconds

Section14 The difference between switch and ifelseif
duration： 05 minutes 32 seconds
Chapter7 cycle
expand retract

Section1 Reading cycle
duration： 01 minutes 07 seconds

Section2 purpose of loop
duration： 03 minutes 18 seconds

Section3 for loop syntax structure
duration： 08 minutes 24 seconds

Section4 for loop execution process
duration： 06 minutes 20 seconds

Section5 Power off debugging
duration： 06 minutes 52 seconds

Section6 for loop executes the same code repeatedly
duration： 02 minutes 38 seconds

Section7 for loop repeatedly executes different codes
duration： 04 minutes 48 seconds

Section8 for loop repeats certain operations
duration： 05 minutes 23 seconds

Section9 for loop case
duration： 07 minutes 04 seconds

Section10 Case study of student performance (Part 1)
duration： 06 minutes 50 seconds

Section11 Case study of student performance (Part 2)
duration： 05 minutes 00 seconds

Section12 Print five stars in one line
duration： 05 minutes 15 seconds

Section13 Double for loop execution process
duration： 07 minutes 29 seconds

Section14 Print stars in 5 rows and 5 columns
duration： 04 minutes 49 seconds

Section15 Print stars in n rows and n columns
duration： 02 minutes 58 seconds

Section16 Print inverted triangle case
duration： 06 minutes 35 seconds

Section17 multiplication table
duration： 09 minutes 33 seconds

Section18 for loop summary
duration： 02 minutes 17 seconds

Section19 while loop
duration： 06 minutes 06 seconds

Section20 while case
duration： 05 minutes 43 seconds

Section21 do while loop
duration： 04 minutes 24 seconds

Section22 do while case
duration： 04 minutes 00 seconds

Section23 Cycle summary
duration： 01 minutes 50 seconds

Section24 continue keyword
duration： 06 minutes 04 seconds

Section25 break keyword
duration： 02 minutes 38 seconds

Section26 Naming convention and syntax format
duration： 02 minutes 37 seconds

Section27 Cycle work
duration： 02 minutes 09 seconds
Chapter8 array
expand retract

Section1 Introduction to arrays
duration： 00 minutes 53 seconds

Section2 What is an array and how to create it
duration： 08 minutes 05 seconds

Section3 Access array elements
duration： 06 minutes 30 seconds

Section4 Traverse array
duration： 05 minutes 19 seconds

Section5 array length
duration： 03 minutes 57 seconds

Section6 Calculate sum and average of arrays
duration： 06 minutes 00 seconds

Section7 Find the maximum value in an array
duration： 06 minutes 19 seconds

Section8 Convert array to string
duration： 04 minutes 02 seconds

Section9 Add new element to array
duration： 07 minutes 39 seconds

Section10 Array stores 1~10 values
duration： 04 minutes 03 seconds

Section11 filter array method
duration： 05 minutes 59 seconds

Section12 Filter array method 2
duration： 04 minutes 10 seconds

Section13 Delete the specified element from the array (array deduplication)
duration： 03 minutes 10 seconds

Section14 flip array
duration： 06 minutes 51 seconds

Section15 Review Swapping Two Variable Values
duration： 02 minutes 31 seconds

Section16 Bubble sort principle
duration： 04 minutes 45 seconds

Section17 Bubble Sort
duration： 12 minutes 18 seconds
Chapter9 function
expand retract

Section1 Function introduction
duration： 00 minutes 53 seconds

Section2 Why functions are needed
duration： 04 minutes 59 seconds

Section3 Function usage
duration： 05 minutes 03 seconds

Section4 Use functions to find the cumulative sum of 1~100
duration： 02 minutes 32 seconds

Section5 function parameters
duration： 08 minutes 13 seconds

Section6 Use functions to find the sum of any two numbers and the cumulative sum
duration： 04 minutes 56 seconds

Section7 Function parameter and actual parameter matching problem
duration： 06 minutes 38 seconds

Section8 function return value
duration： 08 minutes 16 seconds

Section9 Use functions to find the maximum of two numbers
duration： 02 minutes 55 seconds

Section10 Use function to find the maximum value in an array
duration： 05 minutes 53 seconds

Section11 return terminates the function and can only return one value
duration： 06 minutes 14 seconds

Section12 2 things to note about function return values
duration： 02 minutes 45 seconds

Section13 Seeing through functions through a juicer
duration： 02 minutes 02 seconds

Section14 Use of arguments
duration： 08 minutes 56 seconds

Section15 Use functions to find the maximum value of any number
duration： 02 minutes 52 seconds

Section16 Flip an array using a function
duration： 03 minutes 41 seconds

Section17 Function encapsulation bubble sort
duration： 03 minutes 24 seconds

Section18 Use function to determine leap year
duration： 03 minutes 41 seconds

Section19 A function can call another function
duration： 05 minutes 22 seconds

Section20 Output the number of days in February
duration： 06 minutes 24 seconds

Section21 Two ways to declare functions
duration： 05 minutes 15 seconds

Section22 Scope introduction
duration： 00 minutes 47 seconds

Section23 javascript scope
duration： 07 minutes 08 seconds

Section24 Global variables and local variables
duration： 07 minutes 51 seconds

Section25 javascript does not have block level scope
duration： 02 minutes 13 seconds

Section26 scope chain
duration： 04 minutes 58 seconds

Section27 Scope chain case
duration： 05 minutes 10 seconds
Chapter10 preparse
expand retract

Section1 JavaScript pre-parsing guide
duration： 00 minutes 36 seconds

Section2 preparse
duration： 13 minutes 15 seconds

Section3 Preparation case
duration： 12 minutes 00 seconds
Chapter11 object
expand retract

Section1 Object introduction
duration： 00 minutes 45 seconds

Section2 What are objects and why are they needed
duration： 07 minutes 24 seconds

Section3 Create objects using object literals
duration： 10 minutes 23 seconds

Section4 The difference between variable attribute function method
duration： 05 minutes 22 seconds

Section5 Create objects using new Object
duration： 04 minutes 19 seconds

Section6 Why do we need constructors
duration： 04 minutes 45 seconds

Section7 Constructor creates object (Part 1)
duration： 10 minutes 22 seconds

Section8 Constructor creates object (Part 2)
duration： 05 minutes 15 seconds

Section9 The difference between constructor and object
duration： 03 minutes 30 seconds

Section10 new keyword execution process
duration： 03 minutes 42 seconds

Section11 Traverse objects
duration： 05 minutes 23 seconds

Section12 Summary and assignments
duration： 01 minutes 45 seconds
Chapter12 built-in objects
expand retract

Section1 Built-in object guide
duration： 01 minutes 17 seconds

Section2 What are built-in objects
duration： 03 minutes 13 seconds

Section3 Learn to query MDN documentation
duration： 06 minutes 09 seconds

Section4 Math maximum value method of mathematical object
duration： 06 minutes 16 seconds

Section5 Guess the number game
duration： 06 minutes 51 seconds

Section6 Use of Date object
duration： 08 minutes 03 seconds

Section7 Format date year month day week
duration： 10 minutes 47 seconds

Section8 Format date hours minutes seconds
duration： 06 minutes 27 seconds

Section9 Date total number of milliseconds (timestamp)
duration： 06 minutes 57 seconds

Section10 Countdown (Part 1)
duration： 07 minutes 31 seconds

Section11 Countdown (Part 2)
duration： 05 minutes 31 seconds

Section12 Two ways to create an array
duration： 04 minutes 58 seconds

Section13 Two ways to detect whether it is an array
duration： 06 minutes 53 seconds

Section14 Add array elements
duration： 06 minutes 30 seconds

Section15 Delete array elements
duration： 03 minutes 44 seconds

Section16 filter array
duration： 02 minutes 36 seconds

Section17 Array sort
duration： 05 minutes 47 seconds

Section18 Get array element index
duration： 05 minutes 13 seconds

Section19 Array deduplication case
duration： 07 minutes 29 seconds

Section20 Convert array to string
duration： 03 minutes 49 seconds

Section21 Basic packaging types
duration： 04 minutes 52 seconds

Section22 String is immutable
duration： 04 minutes 08 seconds

Section23 Return position based on character
duration： 03 minutes 22 seconds

Section24 Find the position and number of occurrences of a certain character
duration： 06 minutes 28 seconds

Section25 Return characters based on position
duration： 04 minutes 54 seconds

Section26 Count the most frequently occurring characters (Part 1)
duration： 09 minutes 38 seconds

Section27 Count the most frequently occurring characters (Part 2)
duration： 03 minutes 17 seconds

Section28 Splicing and intercepting strings
duration： 03 minutes 16 seconds

Section29 Replace strings and convert to arrays
duration： 06 minutes 35 seconds

Section30 Introduction to simple data types and complex data types
duration： 00 minutes 38 seconds

Section31 Data type memory allocation
duration： 08 minutes 23 seconds

Section32 Simple data type parameter passing
duration： 03 minutes 18 seconds

Section33 Passing parameters of complex data types
duration： 05 minutes 50 seconds
Chapter13 web apis
expand retract

Section1 Introduction to web apis
duration： 00 minutes 50 seconds

Section2 The correlation between the two stages of js basics and web apis
duration： 03 minutes 46 seconds

Section3 api and web apis
duration： 05 minutes 06 seconds
Chapter14 DOM
expand retract

Section1 Introduction to DOM
duration： 01 minutes 05 seconds

Section2 Introduction to DOM
duration： 04 minutes 54 seconds

Section3 getElementByid gets the element
duration： 08 minutes 16 seconds

Section4 getElementsByTagName Gets a certain type of tag element
duration： 11 minutes 31 seconds

Section5 H5 adds new way to obtain elements
duration： 08 minutes 35 seconds

Section6 Get body and html elements
duration： 02 minutes 58 seconds

Section7 three elements of event
duration： 06 minutes 26 seconds

Section8 Execute event process
duration： 04 minutes 05 seconds

Section9 Manipulate elements to modify element content
duration： 08 minutes 16 seconds

Section10 The difference between innerText and innerHTML
duration： 06 minutes 05 seconds

Section11 Manipulate elements - modify element attributes
duration： 05 minutes 53 seconds

Section12 Time-sharing greeting case
duration： 06 minutes 14 seconds

Section13 Operation element-modify form attributes
duration： 06 minutes 46 seconds

Section14 Example of imitating JD.com to display hidden passwords in clear text (Part 1)
duration： 07 minutes 23 seconds

Section15 Example of imitating JD.com to display hidden passwords in clear text (Part 2)
duration： 08 minutes 06 seconds

Section16 Manipulate elements - modify style attributes
duration： 05 minutes 16 seconds

Section17 Case of imitation Taobao closing QR code
duration： 05 minutes 04 seconds

Section18 Looping sprites
duration： 08 minutes 55 seconds

Section19 Show hidden text box content
duration： 10 minutes 04 seconds

Section20 Use className to modify style attributes
duration： 09 minutes 28 seconds

Section21 Password box verification information
duration： 09 minutes 42 seconds

Section22 Summary of operational elements and assignments
duration： 03 minutes 43 seconds
Chapter15 Skin resurfacing and discoloration effects
expand retract

Section1 Exclusive thinking (algorithm)
duration： 09 minutes 01 seconds

Section2 Baidu skin resurfacing effect
duration： 08 minutes 19 seconds

Section3 Table alternate row color changing effect
duration： 07 minutes 26 seconds

Section4 Form Select All Cancel Select All (Part 1)
duration： 07 minutes 33 seconds

Section5 Form Select All Cancel Select All (Part 2)
duration： 09 minutes 26 seconds

Section6 Get custom attribute value
duration： 05 minutes 04 seconds

Section7 Set remove custom properties
duration： 04 minutes 54 seconds

Section8 Tab bar switching layout analysis (important)
duration： 04 minutes 18 seconds

Section9 Tab bar switching production (Part 1)
duration： 04 minutes 10 seconds

Section10 Tab bar switching production (Part 2)
duration： 09 minutes 05 seconds

Section11 H5 custom attributes
duration： 04 minutes 15 seconds
Chapter16 Node operations
expand retract

Section1 Why learn node operations and node introduction
duration： 07 minutes 03 seconds

Section2 The parent node of the node operation
duration： 04 minutes 15 seconds

Section3 child node
duration： 06 minutes 05 seconds

Section4 first child element and last child element
duration： 06 minutes 44 seconds

Section5 Sina drop down menu
duration： 06 minutes 31 seconds

Section6 Node operation's sibling node
duration： 05 minutes 15 seconds

Section7 Node operations: create and add nodes
duration： 08 minutes 10 seconds

Section8 Simple version of posting message case
duration： 08 minutes 38 seconds

Section9 Node operation-delete node
duration： 05 minutes 10 seconds

Section10 Delete message case
duration： 08 minutes 14 seconds

Section11 Node operation-copy node
duration： 04 minutes 57 seconds

Section12 Dynamically generate tables - create student data
duration： 05 minutes 44 seconds

Section13 Dynamically generate tables - create rows
duration： 03 minutes 44 seconds

Section14 Dynamically generate tables - create cells
duration： 05 minutes 04 seconds

Section15 Dynamically generate tables - fill cells with data
duration： 03 minutes 06 seconds

Section16 Dynamically generate tables - create and delete cells
duration： 03 minutes 09 seconds

Section17 Dynamically generate tables - add and delete operations
duration： 04 minutes 11 seconds

Section18 document.write creates elements (understand)
duration： 04 minutes 41 seconds

Section19 Comparison of efficiency between innerHTML and createElement
duration： 07 minutes 51 seconds
Chapter17 event
expand retract

Section1 DOM key core
duration： 06 minutes 05 seconds

Section2 Advanced guide to events
duration： 01 minutes 16 seconds

Section3 Two ways to register events
duration： 08 minutes 26 seconds

Section4 attachEvent registration event
duration： 05 minutes 22 seconds

Section5 delete event
duration： 08 minutes 18 seconds

Section6 DOM event flow theory
duration： 04 minutes 39 seconds

Section7 DOM event flow code verification
duration： 07 minutes 51 seconds

Section8 What is an event object
duration： 08 minutes 05 seconds

Section9 The difference between e.target and this
duration： 08 minutes 18 seconds

Section10 Block default behavior
duration： 06 minutes 34 seconds

Section11 Prevent events from bubbling up
duration： 04 minutes 41 seconds

Section12 event delegation
duration： 06 minutes 35 seconds

Section13 Disable text selection and right-click menu
duration： 04 minutes 36 seconds

Section14 Get the coordinates of the mouse on the page
duration： 07 minutes 28 seconds

Section15 Angel following the mouse
duration： 07 minutes 43 seconds

Section16 Commonly used keyboard events
duration： 06 minutes 49 seconds

Section17 keyCode determines which key the user pressed
duration： 07 minutes 30 seconds

Section18 Case study of simulating JD key input content
duration： 05 minutes 17 seconds

Section19 Simulate Jingdong express tracking number inquiry (Part 1)
duration： 06 minutes 59 seconds

Section20 Simulate Jingdong express tracking number inquiry (Part 2)
duration： 06 minutes 03 seconds
Chapter18 BOM
expand retract

Section1 BOM introduction
duration： 00 minutes 57 seconds

Section2 BOM overview
duration： 08 minutes 41 seconds

Section3 page load event
duration： 08 minutes 23 seconds

Section4 window resize event
duration： 05 minutes 16 seconds

Section5 Timer setTimeout
duration： 07 minutes 16 seconds

Section6 Callback function and ads that automatically close after 5 seconds
duration： 03 minutes 59 seconds

Section7 clear timer
duration： 03 minutes 02 seconds

Section8 Timer setInterval
duration： 03 minutes 33 seconds

Section9 Countdown effect
duration： 08 minutes 12 seconds

Section10 clear timer
duration： 04 minutes 46 seconds

Section11 Send SMS case
duration： 07 minutes 50 seconds

Section12 this points to the problem
duration： 07 minutes 55 seconds
Chapter19 js sync and asynchronous
expand retract

Section1 Synchronous and asynchronous
duration： 04 minutes 52 seconds

Section2 Synchronous task and asynchronous task execution process
duration： 06 minutes 15 seconds

Section3 js execution mechanism
duration： 06 minutes 49 seconds

Section4 Common properties of location objects
duration： 06 minutes 00 seconds

Section5 Jump to the page after 5 seconds
duration： 06 minutes 15 seconds

Section6 Get URL parameters
duration： 11 minutes 00 seconds

Section7 Common methods of location
duration： 04 minutes 11 seconds

Section8 navigator object
duration： 04 minutes 49 seconds

Section9 history object
duration： 04 minutes 28 seconds

Section10 Introduction to web page special effects on PC
duration： 00 minutes 50 seconds
Chapter20 Get mouse coordinates
expand retract

Section1 offsetLeft and offsetTop get the element offset
duration： 04 minutes 45 seconds

Section2 offsetWidth and offsetHeight get the element size
duration： 05 minutes 08 seconds

Section3 The difference between offset and style
duration： 03 minutes 41 seconds

Section4 Get the coordinates of the mouse inside the box
duration： 06 minutes 02 seconds
Chapter21 Drag modal box
expand retract

Section1 Drag modal box (top)
duration： 06 minutes 06 seconds

Section2 Drag modal box (middle)
duration： 09 minutes 55 seconds

Section3 Drag the modal box (below)
duration： 02 minutes 49 seconds
Chapter22 Imitation Jingdong magnifying glass effect
expand retract

Section1 Building a page structure that imitates Jingdong’s magnifying glass effect
duration： 06 minutes 46 seconds

Section2 Imitation Jingdong magnifying glass effect showing hidden barriers and large boxes
duration： 05 minutes 24 seconds

Section3 Imitation Jingdong magnifying glass effect occlusion layer follows the mouse
duration： 08 minutes 28 seconds

Section4 Jingdong magnifying glass imitation effect limits the movement range of the occlusion layer
duration： 06 minutes 59 seconds

Section5 Imitation Jingdong magnifying glass effect large picture movement
duration： 08 minutes 37 seconds
Chapter23 Imitation Taobao effect
expand retract

Section1 client series
duration： 02 minutes 29 seconds

Section2 Execute function immediately
duration： 08 minutes 06 seconds

Section3 The core principles of Taobao flexiJS source code analysis
duration： 07 minutes 27 seconds

Section4 Taobao flexibleJS source code analysis pagesshow event
duration： 06 minutes 58 seconds

Section5 scroll series
duration： 05 minutes 25 seconds

Section6 Imitation Taobao fixed sidebar (Part 1)
duration： 08 minutes 09 seconds

Section7 Imitation Taobao fixed sidebar (below)
duration： 10 minutes 24 seconds

Section8 Summary of three major series
duration： 01 minutes 52 seconds
Chapter24 Ease animation
expand retract

Section1 The difference between mouseover and mouseenter
duration： 02 minutes 56 seconds

Section2 Animation principles
duration： 06 minutes 54 seconds

Section3 Simple animation function encapsulation
duration： 04 minutes 33 seconds

Section4 The animation function records different timers for different elements
duration： 08 minutes 11 seconds

Section5 Principle of easing animation
duration： 05 minutes 29 seconds

Section6 Basic code implementation of easing animation
duration： 04 minutes 36 seconds

Section7 Easing animation to move between multiple target values
duration： 07 minutes 23 seconds

Section8 Add callback function for easing animation
duration： 05 minutes 54 seconds

Section9 Use of animation functions
duration： 08 minutes 31 seconds
Chapter25 Web page carousel
expand retract

Section1 Web page carousel chart structure construction
duration： 06 minutes 40 seconds

Section2 Web page carousel - display and hide the left and right buttons when the mouse passes
duration： 06 minutes 54 seconds

Section3 Web page carousel-dynamically generated small circles
duration： 07 minutes 37 seconds

Section4 Web page carousel chart-small circle exclusive thought
duration： 03 minutes 26 seconds

Section5 Web page carousel - click on the small circle to scroll through the images
duration： 09 minutes 48 seconds

Section6 Web page carousel - seamless scrolling with buttons on the right
duration： 11 minutes 10 seconds

Section7 Web page carousel - clone the first picture
duration： 03 minutes 50 seconds

Section8 The small circle of the web page carousel changes with the button on the right
duration： 05 minutes 12 seconds

Section9 Web page carousel-two small BUG solutions
duration： 05 minutes 50 seconds

Section10 Web page carousel image-left button function production
duration： 07 minutes 12 seconds

Section11 Web page carousel-auto play function
duration： 04 minutes 36 seconds
Chapter26 Mobile web page special effects
expand retract

Section1 Throttle valve and logic interrupt application
duration： 07 minutes 39 seconds

Section2 Return to top with animation
duration： 10 minutes 07 seconds

Section3 Somersault cloud case
duration： 10 minutes 14 seconds

Section4 Introduction to mobile website special effects
duration： 00 minutes 59 seconds

Section5 Mobile touch event
duration： 04 minutes 29 seconds

Section6 Mobile TouchEvent touch event object
duration： 11 minutes 00 seconds

Section7 Drag elements on mobile
duration： 10 minutes 05 seconds

Section8 Mobile terminal carousel chart-structure construction
duration： 05 minutes 40 seconds

Section9 Mobile Carousel Chart-Layout Analysis
duration： 07 minutes 43 seconds

Section10 Mobile carousel-scrolling pictures
duration： 08 minutes 01 seconds

Section11 Mobile carousel-seamless scrolling
duration： 08 minutes 32 seconds

Section12 classList class name operation
duration： 08 minutes 09 seconds

Section13 Mobile carousel chart - small dots follow changes
duration： 05 minutes 06 seconds

Section14 Carousel chart on mobile terminal - drag carousel chart with finger
duration： 07 minutes 45 seconds

Section15 Mobile carousel - slide your finger to play the previous and next pictures
duration： 07 minutes 01 seconds

Section16 Mobile carousel image-rebound effect
duration： 05 minutes 39 seconds

Section17 Return to top module production
duration： 04 minutes 41 seconds

Section18 Solution to the 300ms delay problem of click events on mobile terminals
duration： 05 minutes 48 seconds

Section19 faskclick plug-in usage
duration： 06 minutes 44 seconds

Section20 Swiper plug-in use-reference related files
duration： 06 minutes 43 seconds

Section21 Mobile carousel image - used according to grammar specifications
duration： 07 minutes 01 seconds

Section22 swiper plug-in usage-parameter change
duration： 04 minutes 06 seconds

Section23 Other mobile plug-ins and usage summary
duration： 03 minutes 22 seconds

Section24 Use of video plug-in zy.media.js
duration： 07 minutes 53 seconds

Section25 bootstrap carousel
duration： 10 minutes 32 seconds

Section26 Alibaba 100 show carousel picture production
duration： 09 minutes 38 seconds
Chapter27 local storage
expand retract

Section1 Local storage guide
duration： 00 minutes 31 seconds

Section2 Local storage sessionStorage
duration： 11 minutes 48 seconds

Section3 localStroge of local storage
duration： 05 minutes 24 seconds

Section4 Remember username case
duration： 05 minutes 53 seconds
Chapter28 jQuery
expand retract

Section1 An introduction to jQuery
duration： 00 minutes 44 seconds

Section2 JavaScript library
duration： 03 minutes 11 seconds

Section3 jQuery overview
duration： 03 minutes 04 seconds

Section4 Basic usage of jQuery-entry function
duration： 07 minutes 54 seconds

Section5 jQuery top-level object
duration： 03 minutes 17 seconds
Chapter29 DOM object|jQuery object
expand retract

Section1 DOM objects and jQuery objects
duration： 05 minutes 45 seconds

Section2 Convert DOM objects and jQuery objects to each other
duration： 06 minutes 16 seconds
Chapter30 jQuery basics
expand retract

Section1 jQuery common API guide
duration： 00 minutes 58 seconds

Section2 jQuery basic and hierarchical selectors
duration： 04 minutes 03 seconds

Section3 jQuery implicit iteration
duration： 05 minutes 17 seconds

Section4 jQuery filter selector
duration： 03 minutes 54 seconds

Section5 jQuery filter method-select parent and child elements
duration： 05 minutes 24 seconds

Section6 Sina drop down menu
duration： 05 minutes 04 seconds

Section7 jQuery other filtering methods
duration： 07 minutes 35 seconds

Section8 jQuery exclusive idea
duration： 03 minutes 44 seconds

Section9 Taobao clothing boutique case
duration： 07 minutes 12 seconds

Section10 jQuery chain programming
duration： 07 minutes 05 seconds

Section11 jQuery modify style css method
duration： 06 minutes 28 seconds

Section12 jQuery modify style operation class
duration： 05 minutes 09 seconds

Section13 Tab bar switching case
duration： 07 minutes 05 seconds

Section14 The difference between jQuery class operations and className
duration： 02 minutes 47 seconds

Section15 jQuery show and hide effects
duration： 08 minutes 07 seconds

Section16 jQuery sliding effect and event switching
duration： 08 minutes 40 seconds

Section17 jQuery stop animation queue
duration： 03 minutes 32 seconds

Section18 jQuery fade in and highlight case
duration： 07 minutes 24 seconds

Section19 jQuery custom animation animate method
duration： 03 minutes 34 seconds

Section20 Honor of Kings Accordion Case Layout Analysis
duration： 03 minutes 31 seconds

Section21 King of Glory Accordion Case Production
duration： 08 minutes 42 seconds
Chapter31 shopping cart
expand retract

Section1 jQuery attribute manipulation
duration： 10 minutes 12 seconds

Section2 Shopping Cart Module-Select All (Part 1)
duration： 09 minutes 54 seconds

Section3 Shopping Cart Module-Select All (Part 2)
duration： 06 minutes 54 seconds

Section4 jQuery content text value
duration： 04 minutes 15 seconds

Section5 Shopping cart module - increase or decrease the number of items
duration： 07 minutes 34 seconds

Section6 Shopping Cart Module-Modify Product Subtotal (Part 1)
duration： 08 minutes 52 seconds

Section7 Shopping cart module-modify product subtotal (medium)
duration： 06 minutes 01 seconds

Section8 Shopping Cart Module-Modify Product Subtotal (Part 2)
duration： 03 minutes 37 seconds

Section9 jQuery iterates through objects each method
duration： 08 minutes 58 seconds

Section10 jQuery iterating through data
duration： 03 minutes 37 seconds

Section11 Shopping cart module - calculate total count and total
duration： 09 minutes 18 seconds

Section12 Create, add, delete elements
duration： 08 minutes 01 seconds

Section13 Shopping Cart Module-Clean Shopping Cart
duration： 07 minutes 00 seconds

Section14 Shopping cart module-add background color to selected items
duration： 04 minutes 49 seconds

Section15 jQuery size method
duration： 04 minutes 18 seconds

Section16 jQuery position methods
duration： 06 minutes 02 seconds

Section17 jQuery is rolled to the head method
duration： 06 minutes 38 seconds

Section18 Return to top with animation
duration： 03 minutes 46 seconds

Section19 Elevator Navigation Case-Show Hide Elevator Navigation
duration： 04 minutes 39 seconds

Section20 Elevator navigation case - click to scroll to the target location
duration： 08 minutes 50 seconds

Section21 Elevator navigation case - click on the current li to add the current class
duration： 03 minutes 41 seconds

Section22 Elevator navigation case - sliding page elevator navigation automatically adds the current class
duration： 05 minutes 49 seconds

Section23 Elevator navigation case throttle valve (mutex lock)
duration： 06 minutes 12 seconds
Chapter32 jQuery events
expand retract

Section1 Introduction to jQuery events
duration： 00 minutes 37 seconds

Section2 Event processing on binds one or more events
duration： 06 minutes 23 seconds

Section3 on implements event delegation and binds events to dynamic elements
duration： 06 minutes 11 seconds

Section4 Weibo publishing case
duration： 10 minutes 48 seconds

Section5 off unbinding event
duration： 05 minutes 26 seconds

Section6 jQuery automatically triggers events
duration： 05 minutes 44 seconds

Section7 jQuery event object
duration： 02 minutes 54 seconds

Section8 Introduction to other methods of jQuery
duration： 00 minutes 26 seconds

Section9 jQuery object copyextend(optional)
duration： 11 minutes 42 seconds

Section10 jQuery multi-library coexistence
duration： 05 minutes 40 seconds

Section11 Waterfall plug-in usage
duration： 09 minutes 17 seconds

Section12 Image lazy loading technology
duration： 10 minutes 35 seconds

Section13 Full screen scrolling plug-in usage (optional)
duration： 11 minutes 04 seconds
Chapter33 BootStrap component
expand retract

Section1 bootstrap component
duration： 04 minutes 57 seconds

Section2 bootstrapJS plugin
duration： 10 minutes 27 seconds

Section3 Ali Baixiu
duration： 10 minutes 47 seconds

Section4 Totolist layout functional requirements analysis
duration： 06 minutes 45 seconds

Section5 todilist core ideas and local storage format
duration： 10 minutes 16 seconds

Section6 todolist press enter to read local storage data
duration： 08 minutes 23 seconds

Section7 todolist press enter to save the latest data to local storage
duration： 06 minutes 29 seconds

Section8 todolist local storage data is rendered and loaded into the page
duration： 10 minutes 35 seconds

Section9 todolist click the delete button to get the current index number
duration： 08 minutes 19 seconds

Section10 todolist click the delete button to complete the deletion operation
duration： 04 minutes 47 seconds

Section11 Click the checkbox to modify the done attribute of the corresponding data
duration： 08 minutes 20 seconds

Section12 Todolist is in progress and has been completed
duration： 04 minutes 59 seconds

Section13 todolist counts the number of ongoing and completed items
duration： 05 minutes 37 seconds

Section14 Introduction to the function of recording video
duration： 01 minutes 50 seconds

Section15 Point area layout style
duration： 10 minutes 24 seconds

Section16 Map area layout style
duration： 06 minutes 38 seconds

Section17 User area layout style
duration： 07 minutes 20 seconds

Section18 Order area layout style
duration： 08 minutes 40 seconds

Section19 Sales area layout style
duration： 11 minutes 17 seconds

Section20 Channel and quarter layout styles
duration： 22 minutes 20 seconds

Section21 Ranking area layout style-reference
duration： 32 minutes 55 seconds

Section22 Introduction to data visualization projects
duration： 00 minutes 54 seconds

Section23 What data visualization
duration： 05 minutes 17 seconds

Section24 Data Visualization Project Overview
duration： 04 minutes 20 seconds
Chapter34 ECharts
expand retract

Section1 Introduction to ECharts
duration： 04 minutes 17 seconds

Section2 Basic use of ECharts
duration： 11 minutes 19 seconds

Section3 Choose different chart types
duration： 05 minutes 57 seconds

Section4 ECharts project configuration (Part 1)
duration： 10 minutes 00 seconds

Section5 ECharts-grid configuration
duration： 08 minutes 48 seconds

Section6 ECharts related configuration (middle)
duration： 10 minutes 13 seconds

Section7 ECharts project configuration (Part 2)
duration： 11 minutes 22 seconds

Section8 Discount chart generation and configuration item summary
duration： 04 minutes 52 seconds

Section9 Data visualization project adaptation solution analysis
duration： 05 minutes 10 seconds

Section10 Data visualization project adaptation plan
duration： 08 minutes 44 seconds

Section11 Project preparation and following the auto-refresh browser plug-in
duration： 04 minutes 44 seconds

Section12 Visualization project-body and viewport production
duration： 09 minutes 14 seconds

Section13 Visualization project column container
duration： 03 minutes 34 seconds

Section14 Border picture usage scenarios and cutting principles
duration： 08 minutes 43 seconds

Section15 Border image usage syntax
duration： 09 minutes 37 seconds

Section16 Public panel style production (Part 1)
duration： 08 minutes 35 seconds

Section17 Public panel style production (Part 2)
duration： 09 minutes 26 seconds

Section18 Call font icon by class name
duration： 05 minutes 58 seconds

Section19 Data visualization project-overview area module production
duration： 12 minutes 14 seconds

Section20 Data visualization project-monitoring area layout analysis
duration： 05 minutes 50 seconds

Section21 Data visualization project-monitoring area tab bar switching analysis
duration： 11 minutes 29 seconds

Section22 Data visualization project - seamless scrolling of monitoring area
duration： 11 minutes 25 seconds

Section23 Point distribution point module-layout
duration： 05 minutes 11 seconds

Section24 Point distribution point-introduction chart
duration： 08 minutes 44 seconds

Section25 ECharts pie chart-tooltip parameter meaning
duration： 08 minutes 31 seconds

Section26 ECharts pie chart-series parameter meaning
duration： 06 minutes 27 seconds

Section27 Positioning distribution module-customized configuration (Part 1)
duration： 06 minutes 10 seconds

Section28 Positioning distribution module-customized configuration (Part 2)
duration： 07 minutes 27 seconds

王林 Lecturer Other Courses

ElementaryComplete collection of interview questions in front-end disciplines (Season 1)

22838
Collection
ElementaryFlexible box + responsive page layout practice

8837
Collection
ElementaryMake a responsive website from scratch—Grid layout

17318
Collection
ElementaryThe most easy-to-understand HTML+CSS course in 9 days

43852
Collection
ElementaryBasic tutorial for getting started with Web front-end

236030
Collection
ElementaryWeb front-end development-Zero Basic Programming Admission Guide

65643
Collection
ElementaryFront-end basic HTML5+CSS3 from entry to proficiency (full version)

295448
Collection
ElementaryThe latest CSS3 tutorial is quick and easy to understand

22153
Collection
ElementaryCSS3 Flex flexible box model makes layout fly

27993
Collection
ElementaryLearn DIV+CSS layout in one day (five practical exercises)

10844
Collection
ElementaryHTML5+CSS practice project [Hand Knock Onmyoji official website]

10604
Collection
ElementaryMobile layout: HTML5+CSS3 advanced and enhanced version

120596
Collection

Start Learning

This course includes：

01 days 23 hours 19 minutes 37 seconds Watch videos anytime

0 Download Resources

Popular courses Latest courses

More>