Basic knowledge required to learn javascript

Many people want to learn the front-end ...... Self-study or training. What basic knowledge do we need in the learning process! The following describes the necessary knowledge in JS.

Many people want to learn the front-end ...... Self-study or training. What basic knowledge do we need in the learning process! The following describes the necessary knowledge in JavaScript! Let's see if you know all the basic JS knowledge?

Event:

 

• Onmousedown
• Onmouseup move the mouse up
• Onmouseover
• Onmouseout mouse Removal
• Onmousemove move
• Onclick event
• Onfocus
• Onblur loses focus
• Right-click oncontextmenu
• Onsubmit form submission // There is no bubble, pitfall
• Onkeydown keyboard Press
• Raise the onkeyup keyboard
• Onload page loading
• Onscroll Page scrolling
• Onresize window size change
• Mouse wheel event onmousewheel DOMMouseScroll
• Onreadystatechange triggered by value change in the input box
• AttachEvent event binding (IE) addEventListener event binding (standard)
• Event object
• ClientX/clientY cursor position of the current window
• Cancel the bubble cancelBubble
• Key-value keyCode special key-value Event altKey, ctrlKey, shiftKey
• Block default event preventDefault () return false
• DOM operation:
  • GetElementById
  • GetElementsByTagName
  • Special browsers for childNodes subnodes include default text nodes (line breaks, etc ......)
  • Children subnode
  • FirstChild/firstElementChildlastChild/lastElementChild sibling Node
  • NextSibling/nextelementsiblingpreviussibing/previuselementsibing
  • ParentNode parent node
  • OffsetParent parent node with the positioning attribute
  • NodeType Node Type
  • OffsetWidth (including padding and border)
  • Height of the offsetHeight element (including padding and border)
  • ClientWidth visible area width
  • ClientHeight visible area height
  • CreateElement: Create a dom Node
  • AppendChild insert subnode
  • InsertBefore is inserted before the first child node
  • RemoveChild
  • ReplaceChild replaces the node and returns the replaced element.
  BOM operation:
  • Window. open ()
  • Window. close ()
  • Window. location
  • Window. location. search
  • Window. location. hash
  • Window. navigator. userAgent
  Js basics: Judgment
  • If else
  • Switch case
  • ? :
  Loop
  • For
  • For in
  • While
  Skip Loop
  • Continue
  • Break
  Compare undefined null ===! Timer class
  • SetTimeout
  • ClearTimeout
  • SetInterval
  • ClearInterval
  The arguments parameter set calls back THIS
  • Call
  • Apply
  • Callee
  Array and Array Operations
  • Var arr = [];
  • Var arr = new Array ();
  • Push
  • Pop
  • Shift
  • Unshift
  • Splice
  • Join
  • Sort
  • Concat
  String operation
  • Split
  • Substring
  • IndexOf
  • CharAt
  Regular Expression
  • Var re = //;
  • Var re = new RegExp ();
  • Search
  • Match
  • Test
  • Replace
  Quantifiers: {n, m} + *? Character class: [^ 0-9] logo: I g start and end: ^ $ escape: \ d \ s \ B \ wJS time
  • Var oDate = new Date ();
  • GetHours ()
  • GetMinutes ()
  • GetSeconds ()
  • GetFullYear ()
  • GetDay ()
  • GetDate ()
  • SetDate ()
  Image pre-loading var oImg = new Image (); common methods:
  • GetByClass ()
  • GetStyle ()
  • PosLeft ()
  • VeiwHeight ()
  • DocumentHeight ()
  • ScrollY ()
  • First ()
  • Last ()
  • Next ()
  • Pre ()
  Common JS operation applications
  • On/Off: bBtn
  • Add index: index
  • Enumeration
  • Recursion
  • Iteration
  • Timer
  • Alert/console. log Test
  JS sports applications
  • Constant Speed
  • Buffer Motion
  • Elastic Movement
  • Collision Motion
  • Write/use a motion frame
  Math Function Application:
  • Max
  • Min
  • Abs
  • Random
  • Ceil
  • Floor
  • Round
  Ajax content: What Is ajax? What is the difference between post and get? What is data transmission? What is the returned data? How to Write ajax? How to retrieve json? Object-oriented: What Is Object-Oriented? What does the reference type mean? What is the prototype? How to Write Object-oriented Data? What is the inheritance method? This points to understanding?