Install editor VScode
05 minutes54 secondsInstall Chrome Google Chrome
02 minutes46 secondsInstallation and use of VScode universal plug-in
15 minutes29 secondsVScode markdown and font settings
08 minutes16 secondsmarkdown grammar rules
12 minutes43 secondsHTTP basics
12 minutes15 secondsAnalysis of common terms in web development
12 minutes59 secondshtml document structure
08 minutes24 secondsSingle label vs. double label
06 minutes19 secondsFront-end practical page display
11 minutes57 secondsUse of Live Server plug-in
05 minutes30 secondsRelationship between client and local server
06 minutes09 secondsWrite markdown documents
08 minutes49 secondsvscode custom file icon
01 minutes50 secondsLet the code fly--Emmet syntax
28 minutes40 secondshtml common attributes and default attributes
06 minutes00 secondshtml event attributes and custom attributes
08 minutes34 secondsCommonly used layout semantic tags
11 minutes48 secondsImage-Link-List Tag
12 minutes55 secondsImplement graphic and text lists and navigation
07 minutes49 secondsDetailed explanation of html tables
17 minutes10 secondsData interaction medium-form form
10 minutes20 secondsForm HTTP POST submission
06 minutes47 secondsHide and show the form password box
11 minutes08 secondsradio radio button
08 minutes47 secondscheckboxcheckbox
07 minutes24 secondsForm control-drop-down menu
05 minutes14 secondsform button type
01 minutes36 secondsiframe inline element loads Baidu map
05 minutes53 secondsVideo tag loads Douyin short video
03 minutes34 secondsA small practical experience with inline frames - building a skinny backend homepage
07 minutes38 secondsCSS programming goals
08 minutes49 secondsInterpret element style sources
16 minutes48 secondsStyle reference priority issue
09 minutes27 secondsstyle inheritance
09 minutes22 secondsComplete explanation of basic selectors
12 minutes26 secondslevel selector
11 minutes37 secondsDetailed analysis of the weight of selectors
21 minutes58 secondsStructural pseudo-class selector
11 minutes59 secondsPseudo-class selector parameters
21 minutes11 secondsPseudo class quick matching
07 minutes18 secondsForm pseudo-class
09 minutes24 secondsUse of font icons
12 minutes25 secondsLayout artifact--box model
20 minutes33 secondscss layout unit
12 minutes47 secondsViewport units vh-vw
19 minutes19 secondsCommonly used styles of tables (pseudo-classes)
10 minutes26 secondsMedia query--mobile layout adaptation
24 minutes10 secondsPositioning and positioning elements
17 minutes09 secondsLogin modal box positioning practice
17 minutes55 secondsflex flexible layout--container
11 minutes54 secondsProperties in flex container
15 minutes24 secondsflex item properties
14 minutes20 secondsViewport viewport (layout viewport, visual viewport, ideal viewport)
23 minutes28 secondsMobile layout solution (rem+vw)
24 minutes49 secondsGrid container properties and project properties
21 minutes25 secondsAdvanced gameplay of grid layout
26 minutes46 secondsGrid implements Holy Grail layout
17 minutes27 secondsCustom grid layout component
15 minutes43 secondsGrid layout practical case
11 minutes51 secondsInstall Node.js to run JavaScript scripts
17 minutes10 secondsMembers in the code and program execution flow
10 minutes00 secondsReuse of variables (data) and code blocks (programs)
12 minutes51 secondsA brief analysis of JavaScript functions
08 minutes35 secondsJavaScript Scope and Scope Chain
18 minutes59 secondsJavaScript constants
07 minutes37 secondsIdentifier naming convention
14 minutes22 secondsHow anonymous functions are executed
17 minutes41 secondsArrow functions and usage scenarios
19 minutes53 seconds...Classic use of rest parameters
17 minutes20 secondsfunction return value
03 minutes31 secondsJS data type--array
15 minutes09 secondsJS object--encapsulation of data and methods
18 minutes28 secondsHidden identity and usage of JS functions
17 minutes30 secondsProcess control--single branch and double branch
11 minutes34 secondsswitch multi-branch process control
16 minutes11 secondswhile entry type judgment loop
15 minutes34 secondsfor, for-of, for-in loops
13 minutes01 secondsA simplified approach to object literals
08 minutes38 secondsTemplate literals and template functions
20 minutes48 secondsClosure: Partial function implements data partitioning
17 minutes45 secondsJS pure function
02 minutes55 secondsJS accessor properties
09 minutes12 secondsJS classes and objects
17 minutes48 secondsClass inheritance (extension)
06 minutes21 secondsUsing accessor properties in JS classes
02 minutes49 secondsDestructuring assignment--array destructuring and object destructuring
18 minutes32 secondsJS in the browser
09 minutes04 secondsGet and manipulate DOM elements
13 minutes44 secondsGet DOM form elements
11 minutes01 secondsTraverse the DOM tree
13 minutes57 secondsAdd, delete, and modify DOM elements
18 minutes36 secondsJS operation element content
12 minutes26 secondsDOM operation practice: message board
18 minutes32 secondsCustom properties--dataset object
06 minutes50 secondsJS operation class attribute--classList object
11 minutes45 secondsAdding and deleting events
10 minutes47 secondsEvent bubbling and event delegation
21 minutes05 secondsSummary of form events
09 minutes31 secondsJS running mechanism: single thread + time loop
15 minutes07 secondsSingle-threaded asynchronous demo
09 minutes29 secondsCommonly used APIs in strings
14 minutes14 secondsA complete collection of js array operations (pop, push, unshift, delete, shift methods)
11 minutes50 secondsArray iteration and traversal methods
15 minutes00 secondsArray separation, reversal, splicing and update operations
08 minutes56 secondsNative JS in action: tabs
23 minutes13 secondsPractical combat: automatic calculation of shopping cart items
37 minutes01 secondsEvent publishing and subscription
13 minutes46 secondsPractical combat: 15 lines of code to implement carousel chart
17 minutes35 secondsPractical combat: lazy loading
12 minutes33 secondsPractical combat: Responsive web album manager
33 minutes28 secondsDetailed explanation of JSON in JS
30 minutes06 secondsajax-xhr asynchronous data query
17 minutes27 secondsThe past and present life of Promise
07 minutes45 secondsPromise状态：pending fulfilled rejected
10 minutes16 secondsTrigger different callbacks based on Promise status
05 minutes17 secondsFetch API
15 minutes42 secondsJS modular development
17 minutes27 secondsNode basics
13 minutes55 secondsNode command executes js script
13 minutes42 secondsnpm command to install and delete project dependencies
15 minutes16 secondsnpm installs global dependency packages
06 minutes02 secondsPackage version number rules
04 minutes03 secondsPackage version checking and updating
10 minutes41 secondsNode plug-in installation and synchronization
11 minutes53 secondsThe underlying design pattern CPS principle in Ndoe
20 minutes01 secondsDetailed explanation of Nodejs-side modular CommomJS specification
28 minutes59 secondsDetailed explanation of Nodejs http module
12 minutes41 secondsNodejs file module
07 minutes27 secondsNodejs path module
08 minutes56 secondsGit version control implementation principle
12 minutes06 secondsgit local warehouse initialization
07 minutes14 secondsgit code submission process
08 minutes06 secondsgit checkout file restore
03 minutes38 secondsConfigure associated remote warehouse
06 minutes37 secondsgit ssh configuration tutorial
04 minutes47 secondsSummary of common git commands
05 minutes48 secondsvue creates dynamic pages
08 minutes31 secondsMount points, vue instances, data injection, responsiveness
14 minutes26 secondsv-text v-html v-once directive use
08 minutes01 secondsVarious ways of writing vue dynamic binding styles
17 minutes55 secondsvue input two-way delayed binding
09 minutes44 secondsvue event binding
18 minutes37 secondsv-for list rendering
16 minutes48 secondsvue conditional rendering
11 minutes45 secondsvue keyboard modifiers
09 minutes58 secondsVue computed properties implement shopping cart function
12 minutes28 secondsvue watch data monitoring
12 minutes09 secondsRegister vue global component
09 minutes43 secondsChild component receives data from parent component
02 minutes46 secondsListen to child component events
12 minutes52 seconds
1. HTML5: a new generation of structured markup language, the latest international standard from W3C; 2. CSS5: The latest collection of style rules, in line with modern page layout standards; 3. ES6: The latest specification of JavaScript (based on the latest ECMAScript standard); 4. NPM: The latest standard front-end package management tool based on Node.js; 5. VUE: The world’s most popular universal front-end development framework (essential for front-end development)
