Web前端开发面试知识点大纲
- HTML&CSS
对Web标准的理解、浏览器内核差异
兼容性hack
CSS基本功：布局、盒子模型、选择器优先级及使用
Html5
CSS3
移动端页面开发
- JavaScript
数据类型
面向对象
继承
闭包
插件
作用域
跨域
原型链
模块化
自定义事件
内存泄漏
事件机制
异步装载回调
模板引擎
前端MVC
路由
Node.js
JSON
ajax
- 其他
HTTP
Web安全
正则
优化
重构
响应式
SEO
UED
架构
Web前端职位要求
JavaScript
HTML
CSS
jQuery（客户端脚本的一种框架）（ExtJS、YUI、Mootools、Dojo）
浏览器兼容
Http基本原理（用于jsp动态网页设计）
Ajax技术（提升Web性能，提取所需要的数据）
性能优化
Web安全
Web开发工具
后端语言（PHP、Java）
编辑器
sublime
webstorm
类库框架
用于浏览器：jQuery、BootStrap
用于nodejs：自带模块、其他模块
理论知识
- 软知识：数据结构、算法、OOP编程思想、设计模式
- 硬知识：Http标准（Http请求过程、状态码的意义、Http头部信息、Cookie状态管理、get/post请求、安全链接https），W3C标准（WebSocket、JSON、XML、JS、CSS、CSS3、HTML、HTML5），ECMAScript（所有客户端脚本的鼻祖）
与Web相关的名词术语
- W3C
World Wide Web Consortium 万维网联盟
标准化组织
发展Web规范，描述Web通信协议
- ECMAScript
脚本程序设计语言
实际上是一种脚本在语法语义上的标准，JavaScript、JScript、ActionScript都建立在这个标准上扩展自己的功能
- JavaScript
从上到下解释执行的弱类型语言，不需要编译
用于嵌入到HTML的客户端脚本语言，由ECMAScript+DOM+BOM组成
DOM：文档对象模型
BOM：浏览器对象模型（浏览记录、网址、全屏、窗口大小也设置为对象）
- HTTP
HyperText Transfer Protocol 超文本传输协议
通过HTTP协议将服务器端的超文本资源下载到本地
访问一个网页需要发送多次请求，请求的先后顺序是：文本、样式/脚本、图片
图片访问一次后缓存到本地（但是不能支架浏览，需要拷贝到其他文件夹下浏览），下次访问可以提高速度
状态码：200（OK）、304（下载完毕）、404（未找到）
- URL
Uniform Resource Locator 统一资源定位符
唯一标识互联网上的每一个资源
URL的组成：协议：//服务器名称（IP地址）：端口号/路径/文件名
常见的两种形式的URL：
http://www.baidu.com 域名访问
http://192.168.37.200/User/Login 明文的IP地址访问
协议：http（超文本传输协议）、https（用安全套接字层传送的超文本传输协议）、ftp（文件传输协议）、mailto（电子邮件地址）、file（当地文件或网上分享的文件）
服务器：在互联网上有唯一IP地址的电脑，一般通过域名映射到该主机，既可以使用域名也可以使用IP地址
端口号：用于监听某一特定服务的请求，80 端口是Web服务器的默认端口，在URL中默认的端口号可以不出现
- CSS
Cascading Style Sheets 层叠样式表
主要的作用在于美化页面
- SGML
Standard Generalize Markup Language 标准通用标记语言
用来解决不同操作系统中文档格式不同的问题
是一种数据描述，数据模型，数据交流的标准，html和xml都基于此
纯文本，所有平台都能很好的识别
- XML
eXtensible Markup Language 可扩展标记语言
用于描述数据的标记语言，跨平台性强，是目前使用最广泛的数据格式
- HTML
HyperText Markup Language 超文本标记语言
用来制作网页
- XHTML
eXtensible HyperText Markup Language 可扩展超文本标记语言
X即代表XML，HTML即HTML，XHTML是HTML的纯净版，结构更加清晰，语法更加严格，既有HTML的特点，又有XML的特点
结构化文档的四个特点
整个文档有且仅有一个根元素
每个元素都由开始标签和结束标签组成，除非使用空元素语法
元素的属性必须有属性值，属性值用引号括起来（单引号和双引号都可以）
DTD
Document Type Definition 文档类型定义
W3C使用DTD来定义HTML和XHTML的语义约束，包括HTML文档中可以出现哪些元素，各元素支持哪些属性
HTML允许元素使用大写字母
XHTML要求所有的元素和属性都是小写字母
HTML5基本结构
将HTML4中的DTD定义为如下结构即可，其他不变
<!DOCTYPE HTML>
HTML5语法的改变
标签（元素）不区分大小写
元素可以省略结束标签
元素属性可以省略属性值
属性值可以不用引号
HTML5支持的两种指定页面使用的字符集的方式
- 使用Content-Type指定字符集
<meta http-equiv="Content-Type" content="text/html ;charset=gb2312"/>
- 直接使用charset指定字符集
<meta charset="gb2312"/>
网页文件类型
静态网页：.html和.htm（DOS操作系统保留）
动态网页：.jsp、.php、.asp、.aspx