前言
假如有那么残酷的一天，我不小心喝错了一瓶药，一下子抹掉了我这十多年的编程经验，把我变成了一只小白。我想自学 前端，并且想要找到一份工作，我预计需要 6 个月的时间，前提条件是每天都处于高效率的学习状态当中，并且每天的学习时间至少在 12 个小时以上。
即便是这样，我敢肯定，找到的工作肯定不会太好，勉强能够维持生活吧，毕竟是零基础入门啊。
如果想更进一步，真正成为一名不可或缺的高级前端工程师，时间需要更久，两年、三年、五年，直到秃的那天。
想着想着，我就觉得有必要为那一天做点准备，以备不时之需。
HTML中标签元素三种不同类型：块状元素，行内元素，行内块状元素。
块级元素：
- 独占一行，宽度和父元素宽度一样宽（默认）
- 可以设置宽高
- 设置的width属性和元素的宽度（width+padding2+border2+margin2）是两回事(盒子模型)
- 如果没有设置高度，高度由内容撑开
- 块级元素可以包裹别的元素。p标签尽量不要包裹别的块级元素
常用的块级元素：
<div> </div>：
块级的块标签，用于在效果中 定义一块；<p> </p>：
段落标签，用于展示效果中划分段落；<h1>.....<h6>：
标题标签，用于展示效果中划分标题；<ol> </ol>：
有序列表标签，用于在效果中定义一个有序列表<ul> </ul>：
无序列表标签，用于在效果中定义一个无序列表；<dl> </dl>：
引起定义列表；<table></table>：
表格标签，用于在效果中定义一个表格；<form></form>：
指定所包含控件在表单中起作用。
行内元素：
- 可以和别的标签共享一行，标签的宽度和高度由内容决定
- 不能设置宽高，外边距和内边距部分可控制(盒子模型)
常用的行内元素：
<a> </a>：
超链接标签，用于在效果中定义一个可以点击跳转的链接；<span></span>
行级的块标签，用于在效果中 一行上定义一个块，进行内容显示；</br>：
换行；<i>：
指定文本应以斜体渲染，若可用的话；<em>：
强调文本，通常以斜体渲染；<strong>：
以粗体渲染文本；<label>：
为页面上的其它元素指定标签；<q>：
分离文本中的引语；<cite>：
用斜体显示标明引言；<code>：
指定代码范例；<var>
定义编程变量。通常以斜体渲染；
行内块级元素：
- 可以和别的元素共享一行，宽高由内容决定（默认）
- 可以设置宽高
- 注意：行内块级元素并排显示的时候，两个行内块级元素之间默认有一个间隔
- 取消行内块级元素之间的空格：
（1）给行内元素的父元素设置字体大小为0px（行内元素的内容无法显示，行内元素之间的空格也无法显示）
（2）给行内元素设置合理的字体大小（行内元素的内容就能显示了）
常用的行内块状元素：
<img></img>：
图片标签，用于在页面效果中展示一张图片；<input></input>：
创建各种表单输入控件。
文末
js前端的重头戏，值得花大部分时间学习。
推荐通过书籍学习，《 JavaScript 高级程序设计（第 4 版）》你值得拥有。整本书内容质量都很高，尤其是前十章语言基础部分，建议多读几遍。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。
学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。
面试本质也是考试，面试题就起到很好的考纲作用。想要取得优秀的面试成绩，刷面试题是必须的，除非你样样精通。
这是288页的前端面试题
