前言
JavaScript是面向 Web 的编程语言，获得了所有网页浏览器的支持，是目前使用最广泛的脚本编程语言之一，也是网页设计和 Web 应用必须掌握的基本工具。
JavaScript主要用途
- 嵌入动态文本与HTML页面
- 对浏览器时间做出相应
- 读写HTML元素
- 在数据被提交到服务器之前验证数据
- 检测访客的浏览器信息
- 控制cookies，包括创建和修改等。
- 基于node.js技术进行服务器端编程。
元素特点：
块状元素：
- 在页面中以矩形区域显示。
- 自上而下排列，独占一行
- 可以直接添加宽高
- 一般情况下，作为其他元素或内容的容器
行内元素：
- 在页面中最小单位也是矩形。
- 在一行内逐个排列。
- 不可以直接添加宽高，大小是由内容撑开的。
- 内联元素也符合盒模型的规则，但是个别属性会出现问题（padding-top/bottom margin-top/bottom）
- 内联元素在一行内排列的时候，之间有间距
行内快元素：
- 可以设置宽高。
- 默认情况下，在一行内逐个显示，之间有间距。
- 当前元素的display值为inline-block时，能支持vertical-align属性。
常用元素：
| 块状元素： |
标签 | 作用 |
|---|---|---|
| div | 最常用的块级元素 | |
| dl | 和dt-dd 搭配使用的块级元素 | |
| form | 交互表单 | |
| h1 -h6 | 标题 | |
| hr | 水平分隔线 | |
| ol | 有序列表 | |
| p | 段落 | |
| ul | 无序列表 | |
| li | 列表标签 | |
| fieldset | 表单字段集 | |
| colgroup-co | 表单列分组元素 | |
| table-tr-td | 表格及行-单元格 |
| 行内元素： |
标签 | 作用 |
|---|---|---|
| a | 超链接（锚点） | |
| b | 粗体 | |
| br | 换行 | |
| i | 斜体 | |
| em | 强调 | |
| img | 图片 | |
| input | 输入框 | |
| label | 表单标签 | |
| span | 常用内联容器，定义文本内区块 | |
| strong | 粗体强调 | |
| sub | 下标 | |
| sup | 上标 | |
| textarea | 多行文本输入框 | |
| u | 下划线 | |
| select | 项目选择 |
| 行内块元素： |
标签 | 作用 |
|---|---|---|
| input | 表单标签 | |
| img | 图片标签 |
元素类型转换：
display属性：
作用：检索或者设置元素生成的盒模型类型。
常用属性值：
-
display:block;
作用：将元素转成块状元素，拥有块状元素特点。
补充：大部分块状元素，默认的display的值都是block; -
display:inline;
作用：将元素转成内联元素，拥有内联元素的特点。
补充：大部分内联元素，默认的display的值inline; - display:none;
作用：将当前隐藏，并不占据空间。
学习笔记
主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue等等
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
HTML/CSS
HTML：HTML基本结构，标签属性，事件属性，文本标签，多媒体标签，列表 / 表格 / 表单标签，其他语义化标签，网页结构，模块划分
CSS：CSS代码语法，CSS 放置位置，CSS的继承，选择器的种类/优先级，背景样式，字体样式，文本属性，基本样式，样式重置，盒模型样式，浮动float，定位position，浏览器默认样式
HTML5 /CSS3
HTML5：HTML5 的优势，HTML5 废弃元素，HTML5 新增元素，HTML5 表单相关元素和属性
CSS3：CSS3 新增选择器，CSS3 新增属性，新增变形动画属性，3D变形属性，CSS3 的过渡属性，CSS3 的动画属性，CSS3 新增多列属性，CSS3新增单位，弹性盒模型
JavaScript
JavaScript：JavaScript基础，JavaScript数据类型，算术运算，强制转换，赋值运算，关系运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串
