1. knowledge summary
html
1.HTML5 new features
(1) semantic tags
HTML5 provides semantic tags, such as:
<header><article><footer><nav><aside><section>等
(2) enhanced form
Input forms a plurality of new input type, such as:
color,url,date等
These new features provide better input control and validation.
New form elements, such as:
<Output>, is used for different types of output, such as calculation or script output.
New form attributes, such as:
placeholder attribute, brief reminder before the user input value is displayed on the input field. That is our common default prompt input box, disappear after user input.
required attribute is a boolean attribute. Fill in the required input field can not be empty
min and max attribute, set minimum and maximum elements.
step attribute, the input field specifies the legal number intervals.
height and width, height and width of the image for image type <input> tag.
The autofocus attribute is a boolean attribute. Provisions when the page loads, the domain automatically gets the focus.
multiple attribute is a boolean attribute. Predetermined <input> element in a plurality of selectable values.
3. Add Video <video> Audio and <audio> tag
4.Canvas drawing
The distinction between SVG and Canvas
SVG is a 2D graphics using XML description language.
Canvas to draw 2D graphics using JavaScript.
SVG based on XML, which means that each element in the SVG DOM is available. You can attach JavaScript event handlers for an element.
In SVG, each drawn figure is deemed objects. If the property SVG object changes, the browser can automatically reproduce graphics.
Canvas is a by-pixel rendering. In canvas, once the pattern is drawn is complete, it will not continue to be concerned about the browser. If the position is changed, then the whole scene also need to be redrawn, including any object that may have been overwritten graphics.
5.SVG drawing
6. geopositioning
{window.navigator.geolocation
the getCurrentPosition: Fn for acquiring current position data of
watchPosition: fn monitoring user location changes
clearWatch: fn clear positioning monitoring
}
7. Drag and Drop API
8.Web Worker
9.Web Storage
10.WebSocket
For more details, see the operation: https://www.w3school.com.cn/html5/html_5_video.asp
2. talk about the understanding of the websocket
https://blog.csdn.net/github_37130188/article/details/89463183
3. The common object model browser
window history location xhr objects
4.Cookie, Session (LocalStorage, SessionStorage) understanding the differences:
5, page DOM rendering process, heavy flow:
6. upload files to achieve: