Html
First chapter: HTML templates
- What is HTML (Hyper-text markup Language)
- HTML page body Structure
- DOCTYPE label
- Head tag
- Meat label
- Title Tag
- Body tag
Chapter Two: HTML headings
- H1 Title Tags
- H2 Title Tags
- H3 Title Tags
- H4 title Tags
- H5 title Tags
- H6 title Tags
- HR Horizontal Line Label
Chapter Three: HTML paragraphs
- P paragraph Label
- BR Wrap Label
Fourth chapter: HTML style
- Center Definition Center Content
- Font and Basefont define HTML fonts
- S and strike define strikethrough text
- U Define underline text
The fifth chapter: HTML formatting
- B Define Bold text
- Big definition Large Word
- EM definition Emphasis text
- I define Italic words
- Small defining small words
- Strong defining the aggravating tone
- Sub definition subscript Word
- SUP defines the superscript word
- INS definition Insert Word
- del definition Delete Word
Sixth chapter: HTML CSS
- Styles define Style Definitions
- Link defines a resource reference
- DIV Box Model
- Span definition text Area
Seventh Chapter: Links
Eighth chapter: HTML image
- IMG Insert Picture Label
- Map Definition Image maps
- Area defines clickable areas in an image map
Nineth Chapter: HTML table
- Table Definition Tables
- Caption Defining table Headings
- The table header of the TH definition table
- TR defines rows for a table
- Thead defining the header of a table
- Tbody defining the body of a table
- Tfoot define the footer of a table
- Col defines properties for table columns
Tenth chapter: HTML list
- UL unordered list
- Li list Item
- OL ordered List
- DL Definition List
- Description of the DD definition
CSS
Chapter One: Understanding CSS
- The role of CSS
- The location and relationship of CSS
- How CSS is introduced
Chapter Two: CSS basic syntax
- CSS syntax structure
- A preliminary understanding of CSS selectors
- CSS declarations, properties, values
Chapter III: CSS Advanced syntax
- CSS Selector grouping
- CSS inheritance and its problems
Fourth chapter: CSS ID Selector
- What is an ID selector
- ID Selector Weight Issue
- Where is the ID selector used?
Fifth chapter: CSS class selector
- What is a class selector
- Comparison of ID selectors and class selectors
- Where class selectors are used
Sixth chapter: CSS Property Selector
- Property Selector
- Value Selector
- Multiple value selectors
Seventh chapter: CSS background style
- Background background composite style
- Background-color background Color
- Background-image background image
- Background-position background positioning
- Background-repeat whether the background is tiled
- Background-attachment whether the background image is fixed
Eighth Chapter: CSS Text
- Color Set Colors
- Direction setting text orientation
- Line-height Setting Row Height
- letter-spacing Setting Character Spacing
- Text-align Text Center Alignment
- Text-decoration text Add decoration
- Text-indent indent in first line
- Text-shadow Text Shadow
- Text-transform the letters in the control element
- White-space how whitespace is handled in the SET element
- word-spacing Set Word Spacing
Nineth Chapter: CSS Font
- Font Add Text style
- font-family Setting fonts
- Font-size Setting the font size
- Font-weight Setting the font weight
- Font-variant in small caps font
- Font-style Setting font style
- Font-stretch horizontal stretching of a font
Tenth chapter: CSS List
- List-style set list all properties List-style:none: List style: None
- List-style-image to set an image as a list item flag
- List-style-position set list item flag position in list
- List-style-type setting list item flag types
11th Chapter: CSS Tables
- Border-collapse set whether to merge table borders into a single border
- Border-spacing set the distance between delimited cell borders
- Caption-side setting the position of the table header
- Empty-cells set whether to display empty cells in a table
- Table-layout setting the algorithm for displaying cells, rows, and columns
12th Chapter: CSS Outlines
- Outline setting all profile properties
- Outline-color Setting the outline color
- Outline-style Setting Outline Styles
- Outline-width Setting the contour width
13th chapter: CSS Padding
- padding inner margin and value behind
- Padding-bottom lower inner margin
- Padding-left left inner margin
- Padding-right right inner margin
- Padding-top on the inside margin
14th Chapter: CSS Margins
- Margin margin and value behind
- Margin-bottom Lower margin
- Margin-left left Margin
- Margin-right Right Margin
- Margin-top Upper Margin
15th Chapter: CSS Border
- The border shorthand property, which is used to set properties on four sides in a declaration
- Border-style style to set all borders of an element, or to individually set border styles for each edge
- Border-width Shorthand property for setting the width of all the borders of an element, or for individually setting the width of each edge border
- Border-color Shorthand property, sets the color of the visible part of all the borders of an element, or sets a color for 4 edges, respectively
- Border-bottom Shorthand property for setting all properties of the bottom border to a declaration
- Border-bottom-color sets the color of the bottom border of an element
- Border-bottom-style style of the bottom border of a set element
- Border-bottom-width sets the width of the bottom border of an element
- Border-left Shorthand property for setting all properties of the left border to a declaration
- Border-left-color sets the color of the left border of an element
- Border-left-style the style of the left border of the set element
- Border-left-width sets the width of the left border of an element
- Border-right Shorthand property for setting all properties of the right border to a declaration
- Border-right-color sets the color of the right border of an element
- Border-left-style style of the right border of a set element
- Border-left-width set the width of the right border of an element
- Border-top Shorthand property for setting all properties of the top border to a declaration
- Border-top-color sets the color of the top border of an element
- Border-top-style style of the top border of a set element
- Border-top-width sets the width of the top border of an element
The 16th chapter: the margin merger question 17th chapter: CSS Localization
- CSS Positioning overview
- CSS relative positioning
- CSS Absolute Positioning
- CSS fixed positioning
18th Chapter: Floating
- float float and document flow concepts
- Several ways to clear float
- Distinguishing usage of float and positioning
19th Chapter: CSS Selector
- CSS element Selector
- CSS Selector grouping
- CSS descendant Selector
- CSS child element Selector
- CSS Neighbor Sibling Selector
- CSS pseudo-class selector
- CSS Pseudo-elements
Js
Phase one: Preparation of learning design patterns
- JS Object-oriented review
- What is design mode
- Why should we learn design patterns?
- Classification of design Patterns
Chapter II: Creating Design Patterns
- Single-Case mode
- Simple Factory mode
- Factory method Mode
- Abstract Factory mode
- Prototype mode
- Creator mode
Chapter III: Creating Design Patterns
- Decorator mode
- Appearance mode
- Proxy mode
- Adapter mode
- Hengyuan mode
The fourth chapter: Behavioral pattern Design
- Iterator mode
- Broker mode
- Visitor mode
- Observer pattern
- Policy mode
- Command mode
The fifth chapter: the design pattern of skill
- Delegate mode
- Throttle mode
- Data Access Object mode
- Participant mode
- Waiting mode
Sixth chapter: Architectural Design pattern
- Synchronous module Mode
- Asynchronous Module mode
- MVC pattern
- MVP mode
- MVVM mode
Phase II
Dom Operation +bom Operation +cookie Operation +regexp Regular Expression +ajax
Chapter One: DOM manipulation
- Introduction to DOM, DOM structure, Queryselector, Queryselectorall
- Node type 12, with emphasis on three (elements, attributes, text)
- Node properties commonly operate GetAttribute, SetAttribute, RemoveAttribute, Getatttibutenode, ChildNodes, FirstChild, LastChild, NextSibling, PreviousSibling, parentnode
- Common methods DOM element creation and node append createelement, AppendChild, createTextNode, InsertBefore, RemoveChild
- Offsetwidth,clientwidth,scrollwidth (height)
- Offsettop,offsetleft,offsetparent
- Visual area size scrolling height clientwidth/clientheight, innerwidth/innerheight, Scrolltop/scrollleft
Chapter II: BOM Operations
- BOM (Brower object Model) Core Object window
- Actions in the form onfocus (), onblur (), onchange ()
- Event events object in each browser event, Event.pagex/event.pagey, Event.clientx/event.clienty
- Event binding attachevent, AddEventListener event capture, event bubbling, defining event unbinding, defining on method
- Wheel event Wheeldelta, detail, Nmousewheel wheel event compatibility
- Event bubbling onmouseover/onmouseout and Onmouseenter/onmouseleave difference table operations Click, cancelbubble, Stoppropagation ()
- Keyboard events KeyCode, onkeydown, onkeypress, onkeyup, Altkey, Ctrlkey, Shiftkey, which, etc.
- Block browser Default event Preventdefault, Block browser's right-click menu, disable select Copy
- Window additional open (), close (), Location.href/search/hash
Chapter III: Cookie Manipulation
- What is a cookie, store/Get cookie, Package method GetCookie (key), Setcookie (Key,value,time), Removecookie (key)
The fourth chapter: Regular Expressions
- What is a regular expression
- Common methods for creating regular expressions//, New REGEXP (), test (), exec ()
- String Regular expression method match, replace, search, split
- identifier \ r \ n \ \s \s \d \d \w \w ^a a$
- Quantifier * +? {M,n}
- Greed and inertia
- Subset () |
- Replace application
Fifth chapter: Ajax
- What is Ajax
- Building a local server environment
- Ajax workflows and code, creating Ajax objects, open methods, send methods, final acceptance
- HTTP status code The return value of the property represents the meaning
- Ajax Encapsulation
- Simple Example Application
- Jsonp
- Example: cross-domain call Baidu search data
- Ajax inside of jquery
The third stage pays as much as anyone's effort click Add Group to learn JavaScript boutique learning Video
- First Stage
- Phase II
- Phase III
- Stage Four
- Fifth stage
Object oriented
Chapter One: Object-oriented (i.)
- What do you mean, object-oriented process, object-oriented, and the difference between
- Constructors what is a constructor, what is Factory mode
- Prototype prototype
- Example: Object-oriented Write carousel
Chapter II: Object-oriented (middle)
- Method Chain
- Wrapping Object
- Prototype chain
- Default properties and methods for prototypes
- Inheritance in many ways, class inheritance, copy inheritance, object inheritance, more inheritance
Chapter III: Object-oriented (bottom)
- What is closures and closures?
- Recursive what is recursion and when is recursive
- How to develop plugins
The fourth chapter: Object-oriented combat
- Develop similar jquery class Library plugins (8 lessons)
- Push Box Games (v. 3)
- Flying Games (v. 3)
Stage Four
ECMAScript6
ECMAScript6
- The relationship between ECMAScript and JavaScript
- The relationship between ES6 and ECMAScript 2015
- The history of ECMAScript
- Deployment Progress
- Babel transcoding Device
- Traceur transcoding Device
First chapter: Let and const commands
- Let command
- Block-level scopes
- Const command
- Properties of the top-level object
- Global Object
Chapter Two: Analytic assignment of variables
- Deconstruction Assignment of arrays
- Deconstruction assignment of an object
- Deconstruction assignment of a string
- Deconstruction assignment of numeric and Boolean values
- The deconstruction assignment of function parameters
- Parentheses problem
- Use
Chapter III: Expansion of strings
- Unicode notation for characters
- Codepointat ()
- String.fromcodepoint ()
- The Walker interface of the string
- at ()
- Normalize ()
- Includes (), StartsWith (), EndsWith ()
- Repeat ()
- Padstart (), Padend ()
- Template string
- Example: Template compilation
- Label templates
- String.raw ()
- Limitations of template strings
The fourth chapter: the expansion of the regular
- RegExp constructor function
- A regular method of strings
- u modifier
- Y modifier
- Sticky property
- Flags Property
- s modifier: Dotall mode
- After assertion
- Unicode Attribute Class
- Named group matching
The fifth chapter: the expansion of numerical value
- Binary and octal notation
- Number.isfinite (), Number.isnan ()
- Number.parseint (), Number.parsefloat ()
- Number.isinteger ()
- Number.epsilon
- Safe integers and Number.issafeinteger ()
- Extension of the Math object
- Math.signbit ()
- Exponential operator
- Integer data type
The sixth chapter: the extension of function
- Default values for function parameters
- Rest parameters
- Strict mode
- Name property
- Arrow functions
- Bind this
- Tail call optimization
- The trailing comma of the function parameter
The seventh chapter: the expansion of the object
- Extension operators
- Array.from ()
- Array.of ()
- Copywithin () of an array instance
- Find () and FindIndex () for array instances
- The fill () of the array instance
- The entries () of the array instance, keys (), and values ()
- Includes () of an array instance
- The empty array
Eighth chapter: Symbol
- Overview
- Symbol as the property name
- Example: eliminating magic strings
- Traversal of property names
- Symbol.for (), Symbol.keyfor ()
- Example: Singleton mode of the module
- Built-in symbol value
Nineth Chapter: Set and map data structures
The Tenth chapter: Proxy
- Overview
- The method of the Proxy instance
- Proxy.revocable ()
- This issue
- Example: Client for WEB service
The 11th chapter: Reflect
- Overview
- Static methods
- Example: using PROXY to implement observer mode
12th Chapter: Promise Object
- The meaning of Promise
- Basic usage
- Promise.prototype.then ()
- Promise.prototype.catch ()
- Promise.all ()
- Promise.race ()
- Promise.resolve ()
- Promise.reject ()
- Two useful additional methods
- Application
- Promise.try ()
13th chapter: Lterator and For...of cycle
- The concept of the Iterator (ergodic device)
- Default Iterator interface
- Where to call the Iterator interface
- Iterator Interface for Strings
- Iterator interface and generator function
- Return () of the Walker object, throw ()
- For...of Cycle
14th: syntax of the generator function
- Brief introduction
- The parameters of the next method
- For...of Cycle
- Generator.prototype.throw ()
- Generator.prototype.return ()
- yield*-expression
- The generator function as an object property
- The This of the Generator function
- Meaning
- Application
The 15th chapter: Asynchronous Application of generator function
- Traditional methods
- Basic concepts
- Generator function
- Thunk function
- CO module
16th Chapter: Async function
- Meaning
- Basic usage
- Grammar
- The implementation principle of async function
- Comparison with other asynchronous processing methods
- Instance: asynchronous operation completed sequentially
- Asynchronous Walker
The 17th Chapter: The basic usage of class 18th: Class inheritance 19th chapter: Decorator Fifth Stage
JavaScript Design Patterns
Chapter One: Preparation of learning design patterns
- JS Object-oriented review
- What is design mode
- Why should we learn design patterns?
- Classification of design Patterns
Chapter II: Creating Design Patterns
- Single-Case mode
- Simple Factory mode
- Factory method Mode
- Abstract Factory mode
- Prototype mode
- Creator mode
Chapter III: Creating Design Patterns
- Decorator mode
- Appearance mode
- Proxy mode
- Adapter mode
- Hengyuan mode
The fourth chapter: Behavioral pattern Design
- Iterator mode
- Broker mode
- Visitor mode
- Observer pattern
- Policy mode
- Command mode
The fifth chapter: the design pattern of skill
- Delegate mode
- Throttle mode
- Data Access Object mode
- Participant mode
- Waiting mode
Sixth chapter: Architectural Design pattern
- Synchronous module Mode
- Asynchronous Module mode
- MVC pattern
- MVP mode
- MVVM mode
Front-end learning HTML CSS JS
