HTML简史
20200309
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言
HTML5新特性
引入原生多媒体支持（audio和video标签）
引入可编程内容（canvas标签）
引入语义Web（article、aside、details、figure、footer、header、nav、section、summary等标签）
引入新的表单控件（日历、邮箱、搜索、滑条等）
引入对离线存储更好的支持（localStorage和sessionStorage）
引入对定位、拖放、WebSocket、后台任务等的支持
使用标签承载内容
-
html结构
head
title
meta
body -
文本、列表、链接、图像、表格、表单、音视频、窗口
-
文档类型、注释、属性、块级元素 / 行级元素、字符实体（实体替换符）
使用CSS渲染页面
CSS的作用
CSS的工作原理
规则、属性和值
常用选择器
- 颜色（color）、文本（text / font）、盒子（box model）、列表、表格和表单、图像、布局
使用JavaScript控制行为
JavaScript基本语法
面向对象
BOM
DOM
JavaScript API
使用jQuery
Write Less Do More（用更少的代码来完成更多的工作）
使用CSS选择器来查找元素（更简单更方便）
使用jQuery方法来操作元素（解决浏览器兼容性问题、应用于所有元素并施加多个方法）
- 引入jQuery、查找元素、执行操作、链式操作、检测页面是否可用、jQuery插件、避免和其他库的冲突、使用Ajax
前端框架
- 渐进式框架 - Vue.js ：前后端分离开发（前端渲染）必选框架
- UI框架 - Element ：基于Vue 2.0的桌面端组件库，用于构造用户界面，支持响应式布局
- 报表框架 - ECharts：百度出品的开源可视化库，常用于生成各种类型的报表
- 基于弹性盒子的CSS框架 - Bulma：Bulma是一个基于Flexbox的现代化的CSS框架，其初衷就是移动优先（Mobile First），模块化设计，可以轻松用来实现各种简单或者复杂的内容布局，即使不懂CSS的开发者也能够使用它定制出漂亮的页面
- 响应式布局框架 - Bootstrap：用于快速开发Web应用程序的前端框架，支持响应式布局