前端的理论基础总结1

1、前端的作用

（1）简化界面，交互功能技术支持

（2）浏览器兼容支持

（3）提高用户浏览速度

（4）跨平台支持（基于webkit等的渲染引擎的应用）

（5）数据显示在页面上（数据接口）

2、标签语义化

（1）html5的新标签，header，footer，section，arcticle等标签语义化

（2）计算机快速读懂内容（高效处理信息，对搜索引擎更好）

（3）便于他人协作

（4）去掉或丢失样式，页面依然呈现清晰的结构

（5）有利于seo爬虫，爬去更多有用的信息

（6）方便其他设备解析

（7）便于团队的开发和维护

3、html5的新特性

（1）新的doctype声明

（2）完全支持css3

（3）标签语义化

（4）增强型表单

（5）音频和视频

（6）canvas和svg绘图

（7）拖放api

（8）web worker

（9）web storage

（10）WebSocket

（11）地理定位api

4.如何解决ajax无法后退的问题？

使用history.pushState将url塞到浏览器历史中，浏览器的前进与后退，会触发window.onpopstate事件，

通过绑定popstate事件，就可以根据当前的url地址中的查询内容让对应的菜单执行ajax载入，实现ajax的前进与

后退效果。

5、websocket和ajax的轮询

websocket是html5的新协议，实现客户端和浏览器之间的通信，实现服务器的推送功能

（1）只要建立一次连接，就可以连续不断的得到服务器的推送消息，节省带宽和减轻服务器的压力

（2）ajax轮询，每隔一段时间，就向服务器发送ajax请求，查询服务器是否有新的数据更新

（3）每次都要建立http连接，即使传输的数据很少，浪费带宽。

6、webworker

是运行在后台的JavaScript，独立其他的脚本，不会影响页面的性能。workder为JavaScript创造了多线程环境。

7、doctype

<!DOCTYPE>生命位于文档的最前面，处于html标签的前面。告知浏览器用什么模式渲染文档。

严格模式、混杂模式

严格模式：以浏览器支持的最高标准

混杂模式，页面向后兼容，模拟老式浏览器的行为，防止站点无法工作。

doctype不存在或格式不正确，会导致文档以混杂模式显示。

8、doctype（三种dtd，（文档定义类型））

严格版本、过渡版本、基于框架的HTML文档

9、html与xhtml的区别

（1）xhtml元素必须正确的被嵌套

（2）标签名必须小写

（3）xhtml元必须被关闭

（4）xhtml文档必须要有根标签