HTML:层次结构,做好网站SEO的关键点
CSS:添加样式
JS:使网站具备响应式特点
基本语法:
6个类型:String,Number,Boolean,Null,Undefined,Symbol其余Object
这三门语言如何在浏览器中运行?
浏览器包含两种引擎,包括JavaScript引擎,渲染引擎。其中渲染引擎负责加载页面,读取HTML生成DOM树结构,获取css资源并构建cssom树(css对象模型)。DOM的结构和cssom的样式会决定最后的排版,并推断那些可以作为一个整体作为一个图层,这样渲染的效率会更高,最后把页面绘制出来。
事件捕捉:从Document到HTML body,div、button上会执行一个事件捕获的阶段,反过来从button,div到document进行一个事件冒泡的阶段。捕获的阶段方便计算机精准的找到触发元素。
JSX:比较完美的将HTML和JavaScript结合,通过编译工具进行转化,渲染效率更高。
CSS Module:目前使用比较普遍的CSS技术。
JSS:不用写单独的JS文件,直接定义一些。
HTML(5)
ARIA:给标签提供一些属性,使理解起来更加容易。
H5不再是文本语言,增加定义了一些特性,新的标签。w3c也扩展了一些新的规范。
语义化标签,用不用好,不用比用错好。
,...表单增强,并提供了一定的离线存储能力:cookies、localstorage,session storage!
indexedDB适用于复杂场景,异步方式获取。
AMP主要对于搜索来用,提高网站关键内容的曝光的访问速度!
HTML5还提供以一些其他的API:比如获取当前的位置GeoLocation,拖拽Drag&Drop。
HTML5 web worker也使用了多线程的方式:
Shadow DOM:一种特殊的节点,在document下可以挂载很多DOM节点,如果选择一个DOM作为一个shadow Host,其内部还可以构建更加复杂的shadowTree,里面还可以构造shadowRoot,shadow Root可以无限延伸。
个人感想:课程信息量真的很大,讲的很快,基础不太好很多地方听起来都不太懂。之前学完了三件套和vue了之后就一直在做一些项目,现在发现其实还有很多基础的细节没有学到,课下打算把课上每一个不懂的细节认真整理一下!!!