Next Section: 伪类选择器的参数1013 plays

5 秒后自动播放下一节
  Watch Again

The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]

Introduction >
ChapterCourseware
Chapter1development environment

Install editor VScode

05 minutes54 seconds

Install Chrome Google Chrome

02 minutes46 seconds

Installation and use of VScode universal plug-in

15 minutes29 seconds

VScode markdown and font settings

08 minutes16 seconds

markdown grammar rules

12 minutes43 seconds

HTTP basics

12 minutes15 seconds

Analysis of common terms in web development

12 minutes59 seconds

html document structure

08 minutes24 seconds

Single label vs. double label

06 minutes19 seconds

Front-end practical page display

11 minutes57 seconds
Chapter2Development environment configuration and common HTML tags

Use of Live Server plug-in

05 minutes30 seconds

Relationship between client and local server

06 minutes09 seconds

Write markdown documents

08 minutes49 seconds

vscode custom file icon

01 minutes50 seconds

Let the code fly--Emmet syntax

28 minutes40 seconds

html common attributes and default attributes

06 minutes00 seconds

html event attributes and custom attributes

08 minutes34 seconds

Commonly used layout semantic tags

11 minutes48 seconds
Chapter3Introduction to common HTML tags

Image-Link-List Tag

12 minutes55 seconds

Implement graphic and text lists and navigation

07 minutes49 seconds

Detailed explanation of html tables

17 minutes10 seconds

Data interaction medium-form form

10 minutes20 seconds

Form HTTP POST submission

06 minutes47 seconds

Hide and show the form password box

11 minutes08 seconds

radio radio button

08 minutes47 seconds

checkboxcheckbox

07 minutes24 seconds

Form control-drop-down menu

05 minutes14 seconds

form button type

01 minutes36 seconds

iframe inline element loads Baidu map

05 minutes53 seconds

Video tag loads Douyin short video

03 minutes34 seconds

A small practical experience with inline frames - building a skinny backend homepage

07 minutes38 seconds
Chapter4CSS style sources and selectors

CSS programming goals

08 minutes49 seconds

Interpret element style sources

16 minutes48 seconds

Style reference priority issue

09 minutes27 seconds

style inheritance

09 minutes22 seconds

Complete explanation of basic selectors

12 minutes26 seconds

level selector

11 minutes37 seconds

Detailed analysis of the weight of selectors

21 minutes58 seconds
Chapter5Describe pseudo-classes, box models, and responsive layout in detail

Structural pseudo-class selector

11 minutes59 seconds

Pseudo-class selector parameters

21 minutes11 seconds

Pseudo class quick matching

07 minutes18 seconds

Form pseudo-class

09 minutes24 seconds

Use of font icons

12 minutes25 seconds

Layout artifact--box model

20 minutes33 seconds

css layout unit

12 minutes47 seconds

Viewport units vh-vw

19 minutes19 seconds

Commonly used styles of tables (pseudo-classes)

10 minutes26 seconds
Chapter6Media queries, positioning and flex, grid

Media query--mobile layout adaptation

24 minutes10 seconds

Positioning and positioning elements

17 minutes09 seconds

Login modal box positioning practice

17 minutes55 seconds

flex flexible layout--container

11 minutes54 seconds

Properties in flex container

15 minutes24 seconds

flex item properties

14 minutes20 seconds
Chapter7Mobile layout principles and Grid layout

Viewport viewport (layout viewport, visual viewport, ideal viewport)

23 minutes28 seconds

Mobile layout solution (rem+vw)

24 minutes49 seconds

Grid container properties and project properties

21 minutes25 seconds

Advanced gameplay of grid layout

26 minutes46 seconds

Grid implements Holy Grail layout

17 minutes27 seconds

Custom grid layout component

15 minutes43 seconds

Grid layout practical case

11 minutes51 seconds
Chapter8JavaScript efficient development environment and new programming foundation

Install Node.js to run JavaScript scripts

17 minutes10 seconds

Members in the code and program execution flow

10 minutes00 seconds

Reuse of variables (data) and code blocks (programs)

12 minutes51 seconds

A brief analysis of JavaScript functions

08 minutes35 seconds

JavaScript Scope and Scope Chain

18 minutes59 seconds

JavaScript constants

07 minutes37 seconds

Identifier naming convention

14 minutes22 seconds
Chapter9Describe functions and data types in detail

How anonymous functions are executed

17 minutes41 seconds

Arrow functions and usage scenarios

19 minutes53 seconds

...Classic use of rest parameters

17 minutes20 seconds

function return value

03 minutes31 seconds

JS data type--array

15 minutes09 seconds

JS object--encapsulation of data and methods

18 minutes28 seconds

Hidden identity and usage of JS functions

17 minutes30 seconds
Chapter10Process control and template literals

Process control--single branch and double branch

11 minutes34 seconds

switch multi-branch process control

16 minutes11 seconds

while entry type judgment loop

15 minutes34 seconds

for, for-of, for-in loops

13 minutes01 seconds

A simplified approach to object literals

08 minutes38 seconds

Template literals and template functions

20 minutes48 seconds
Chapter11Closures/Classes and Objects/Destructuring/Browser JS

Closure: Partial function implements data partitioning

17 minutes45 seconds

JS pure function

02 minutes55 seconds

JS accessor properties

09 minutes12 seconds

JS classes and objects

17 minutes48 seconds

Class inheritance (extension)

06 minutes21 seconds

Using accessor properties in JS classes

02 minutes49 seconds

Destructuring assignment--array destructuring and object destructuring

18 minutes32 seconds

JS in the browser

09 minutes04 seconds

Get and manipulate DOM elements

13 minutes44 seconds
Chapter12DOM actual combat and events

Get DOM form elements

11 minutes01 seconds

Traverse the DOM tree

13 minutes57 seconds

Add, delete, and modify DOM elements

18 minutes36 seconds

JS operation element content

12 minutes26 seconds

DOM operation practice: message board

18 minutes32 seconds

Custom properties--dataset object

06 minutes50 seconds

JS operation class attribute--classList object

11 minutes45 seconds

Adding and deleting events

10 minutes47 seconds
Chapter13JS operating mechanism and common APIs for strings and arrays

Event bubbling and event delegation

21 minutes05 seconds

Summary of form events

09 minutes31 seconds

JS running mechanism: single thread + time loop

15 minutes07 seconds

Single-threaded asynchronous demo

09 minutes29 seconds

Commonly used APIs in strings

14 minutes14 seconds

A complete collection of js array operations (pop, push, unshift, delete, shift methods)

11 minutes50 seconds

Array iteration and traversal methods

15 minutes00 seconds

Array separation, reversal, splicing and update operations

08 minutes56 seconds
Chapter14JS classic combat

Native JS in action: tabs

23 minutes13 seconds

Practical combat: automatic calculation of shopping cart items

37 minutes01 seconds

Event publishing and subscription

13 minutes46 seconds

Practical combat: 15 lines of code to implement carousel chart

17 minutes35 seconds

Practical combat: lazy loading

12 minutes33 seconds

Practical combat: Responsive web album manager

33 minutes28 seconds
Chapter15JSON, Promise and module common sense

Detailed explanation of JSON in JS

30 minutes06 seconds

ajax-xhr asynchronous data query

17 minutes27 seconds

The past and present life of Promise

07 minutes45 seconds

Promise状态:pending fulfilled rejected

10 minutes16 seconds

Trigger different callbacks based on Promise status

05 minutes17 seconds

Fetch API

15 minutes42 seconds

JS modular development

17 minutes27 seconds
Chapter16Online photo album manager practice and Node basics

Node basics

13 minutes55 seconds

Node command executes js script

13 minutes42 seconds

npm command to install and delete project dependencies

15 minutes16 seconds

npm installs global dependency packages

06 minutes02 seconds

Package version number rules

04 minutes03 seconds

Package version checking and updating

10 minutes41 seconds
Chapter17Node operating principle and introduction to common modules

Node plug-in installation and synchronization

11 minutes53 seconds

The underlying design pattern CPS principle in Ndoe

20 minutes01 seconds

Detailed explanation of Nodejs-side modular CommomJS specification

28 minutes59 seconds

Detailed explanation of Nodejs http module

12 minutes41 seconds

Nodejs file module

07 minutes27 seconds

Nodejs path module

08 minutes56 seconds
Chapter18Git distributed version control

Git version control implementation principle

12 minutes06 seconds

git local warehouse initialization

07 minutes14 seconds

git code submission process

08 minutes06 seconds

git checkout file restore

03 minutes38 seconds

Configure associated remote warehouse

06 minutes37 seconds

git ssh configuration tutorial

04 minutes47 seconds

Summary of common git commands

05 minutes48 seconds
Chapter19Vue principles and common instructions

vue creates dynamic pages

08 minutes31 seconds

Mount points, vue instances, data injection, responsiveness

14 minutes26 seconds

v-text v-html v-once directive use

08 minutes01 seconds

Various ways of writing vue dynamic binding styles

17 minutes55 seconds

vue input two-way delayed binding

09 minutes44 seconds
Chapter20Events, list rendering and component communication

vue event binding

18 minutes37 seconds

v-for list rendering

16 minutes48 seconds

vue conditional rendering

11 minutes45 seconds

vue keyboard modifiers

09 minutes58 seconds

Vue computed properties implement shopping cart function

12 minutes28 seconds

vue watch data monitoring

12 minutes09 seconds

Register vue global component

09 minutes43 seconds

Child component receives data from parent component

02 minutes46 seconds

Listen to child component events

12 minutes52 seconds
  • CancelreplySending
  • Cancelpost a noteSending