语言的基础能力
1. html:构建骨骼
2. css：皮囊
- 语法简单，各种选择器（伪元素内容，伪类自身）
- 文档
3. js:肌肉
- 基本类型：
-
var a = 7 + "2" ——72
-
Object
-
function
两种引擎，浏览器包含
- 渲染引擎 加载页面，根据html生成dom的结构，获取css的资源构建css的om树，结合二者计算排版，推断哪些可以结为一个整体列为一个图层，提高效率
- js引擎
js也是文本，需要解释器才能运行
首先解释文本为AST树，通过ignition解释为字节码，可以在虚拟机中运行，Turbofan发现数据类型不对，Deoptimize可以重新优化
协作配合
-
css in html 三种 行内 内联 外联
-
js in html dom
事件捕捉（点button,从document开始）和事件捕获(冒泡) js单线程 宏任务 微任务
-
css in js
css module 避免变量名字冲突
jss
html
标记语言，非图灵完备
标签分类
head标签
HTML ARIA
ARIA 可以通过 HTML 属性为屏幕阅读器提供了额外的信息。其不影响元素如何被渲染在浏览器中。不单单是永久性的残障人士需要用到可访问性，健康的人也可能在特定时刻处于需要可访问性的环境。
html5
语义化 表单增强
- title ：页面主体内容
- header ： 页眉通常包括网站标志、主导航、全站链接以及搜索框。
- nav ： 标记导航，仅对文档中重要的链接群使用。 section ： 定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
- main，帮助到搜索引擎以及搜索工程师找到网站的主要内容，本身并不承载特殊的功能和意义。
- article： 定义外部的内容，其中的内容独立于文档的其余部分。
①代表文档、页面或者应用程序中与上下文不相关的独立部分；
②常被用于定义一篇日志、一条新闻或用户评论等；
③通常使用多个section元素进行划分；
④一个页面中article元素可以出现多次。
- aside ： 定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。
- footer：页脚，只有当父级是body时，才是整个页面的页脚。
- address： 作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）
存储
indexedDB
pwa&
pwa基于serviceworker
amp搜索引擎来用
Audio
Video
二进制
api
拖拽
web worker
web socket
shadow DOM
避免外部访问
web compont
记录字符长度
webassembly
拓展交流
web:
- 对用户友好
- 开发者友好
- 领域成熟度
- 未来方向
大前端
安卓 小程序
MVC MVVM MVP
我的感悟
没想到最基础的html5能有那么多东西，基本上是第一次见到，任重道远
