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应用程序的前端框架,支持响应式布局