Day1：HTML&CSS&JS新征程

复习的策略

立足于面试，以查漏补缺为导向，将3月份所忽视的基础知识，进行强化。

同时穿插着程序员基本功（数据结构、算法、网络）的练习，和项目实战。

JS基础

遇到面试题，先看它们的考点，再对具体的知识点进行复习。

举例：

typeof能得到的哪些类型
考点：js变量类型
何时用===，何时用==
考点：强制类型转换
window.onload和DOMContentLoaded的区别？
考点：浏览器渲染过程
Js创建10个a标签，点击的时候弹出来对应序号
考点：作用域
简述如何实现一个模块加载器，实现类似require.js的基本功能
考点：JS模块化
实现数组的随机排序
考点：JS基础算法

以上需要复习的知识点有：

变量类型

注意值类型（undefined，string，number，boolean）和引用类型（对象、数组、函数）的区别

typeof运算符

typeof只能区分值类型的类型，引用类型的结果是object，或者function

变量计算-强制类型转换

字符串拼接，==，if，逻辑运算

算法学习

学习思路

多做题，多练习，理解算法的本质并学会挖掘规律，举一反三学会变通和延伸。

HTML

viewport作用

视口，适配移动端，让页面宽度等于设备宽度。

HTML5新增内容

新区块标签：section,article,nav,aside
表单增强：日期、时间、搜索、表单验证、placeholder自动聚焦

HTML元素分类

按默认样式分：

块级block
行内inline（inline元素不一定有规则的形状）
inline-block：对外是inline，对内是block（select,input,）

按内容分：

HTML元素嵌套关系

• 块级元素可以包含行内元素
• 块级元素不一定能包含块级元素（比如p>div是合法的）
• 行内元素一般不能包含块级元素（a>div是合法的，a是transparent元素）

具体判定规则可以去w3c官网上查看，标签的content model属性，如果属于它则可以嵌套，不属于就不能嵌套。

HTML面试真题

1. doctype的意义是什么

• 让浏览器以标准模式渲染
• 让浏览器知道元素的合法性

2. HTML XHTML HTML5的关系

• HTML属于SGML
• XHTML属于XML，是HTML进行XML严格化的结果
• HTML5不属于SGML或XML，比XHTML宽松

3. HTML5有什么变化

• 新的语义化元素
• 表单增强
• 新的API（离线、音视频、图形、实时通信、本地存储、设备能力）
• 分类和嵌套变更

4. em和i有什么区别

• em是语义化的标签，表强调
• i是纯样式的标签，斜体
• HTML5中i不推荐使用，一般用作图标

5. 语义化的意义是什么

• 开发者容易理解
• 机器容易理解结构（搜索、读屏软件）
• 有助于SEO
• semantic microdata

6. 哪些元素可以自闭合

• 表单元素input
• 图片img
• br hr
• meta link

7. HTML和DOM的关系

• HTML是“死”的
• DOM由HTML解析来的，是活的
• JS可以维护DOM

8. form的作用有哪些

• 直接提交表单
• 使用submit/reset按钮
• 便于浏览器保存表单
• 第三方库可以整体提取值
• 第三方库可以进行表单验证