HTML5 的优点与缺点

前端面试题（2）

打卡：

• 2021-4-26

HTML

HTML5 的优点与缺点？
优点

（1）网络标准统一，html5是由w3c提出（建立网站的技术统一）
（2）多设备，跨平台
（3）即时更新⏲
（4）可用性高（友好用户体验）
（5）新增（语义化）标签，便于开发人员定义重要的内容
（6）增加多媒体元素，更好替代 Flash、Silverlight
（7）网站抓取和索引，对SEO友好
（8）大量用于移动应用程序和游戏

Adobe Flash（过时）
支持Web应用程序、矢量图形、多媒体

Silverlight
插件，使用Web呈现技术展示矢量图形；
基于.NET媒体交互式应用程序

SEO
搜索引擎优化，根据语义化标签

缺点
（1）安全：Firefox4 -> web socket和透明代理；web storage、web socket被黑客利用，来盗取用户的信息和资料
（2）完善性：浏览器支持问题，IE9以下不支持
（3）技术门槛：挑战；新属性、新API、新特性
（4）性能：某些平台上的引擎问题导致 HTML5 性能低下

WebSockets
浏览器与客户端之间交互式通信，浏览器发送信息给服务器，服务器再响应客户端

WebSocket
用于连接WebSocket服务器的主要接口，之后可以在这个连接上发送 和接受数据

使用 WebSocket() 构造函数来构造一个 WebSocket 
构造函数
WebSocket(url[, protocols])
返回一个 WebSocket 对象

Web Worker
一种由脚本创建的后台任务
Worker(url)构造函数创建

Web Storage
提供特定域名下的会话存储或本地存储的功能

操作会话存储 Window.sessionStorage
操作本地存储 Window.localStorage

#正向代理
		客户端：代理A向服务器端发送请求
		  |
A <=====> C <=====> B
可隐藏客户端IP

#反向代理（Nginx）
客户端	服务器：代理A向后端请求			后端服务器/集群
|		  |			映射->	  				|
A <=====> |C 		=====> 				   B|
可隐藏服务器IP

#透明代理
客户端：直接请求服务器	中间人		服务器
|		  			|				|	用户不知道代理存在！
A <=====>			|C <=====> 	   B|
		  			|
					透明代理：拦截用户请求
					（1）缓存请求
					（2）过滤请求

参考
Flash
Silverlight
SEO

web socket
web storage
web socket

透明代理
正向代理
反向代理