前端面试知识点html5部分，重点点透

[wanzhengxin]

前端面试题(直说重点): websocket原理及应用: 基于发布订阅者模式的基于tcp协议的通讯协议。可以做即使通讯软件。 一个图片的url访问后实现图片下载 1、html5中a标签增加download属性 2、iframe标签中src指向url，调用document.execCommand("SaveAs")方法 3、直接js代码写一个下载，渲染后触发。 说一下web quality 针对残障人士的设计，比如字体大小调节，强光，噪音，alt解释等 几个很实用的bom对象 location history navigateor window 说一下h5中drag api 元素拖拽api ，先标示出来属性draggable=true 然后使用事件函数 dragstatt drag dragend，可以用e.preventDefault()阻止默认事件 说一下http2.0 http2.0是为了解决1.1中网络延迟，传输数据压缩最少的，http2.0允许服务器多路复用，http2.0可以将首部压缩，减少开销 核心二进制分帧层:封装 流 一个tcp链接上双向字节流 说一下400 错误 400 请求报文存在语法错误 401 发送的请求需要通过http认证的认证信息 403访问被服务器拒绝 说下语义话标签 让浏览器更好读取页面结构，利于开发 iframe 是什么，缺点是啥 iiframe是嵌入式框架，可以把网页的框架嵌入现有网页中 缺点阻塞网页加载 doctype作用 严格模式混杂模式 定义文件类型，告诉浏览器文件类型，用规范解析文档 严格模式w3c标准 混杂模式 dtd自己的方式解析 cookie如何放在xss攻击 xss攻击对表单文本发起的，可以用来获取cookie 可以设置cookie的httponly属性来防止 cookie是客户端机制 session是服务器端机制 cookie安全性差 时间短 且大小有限 restful是一种web服务架构风格 说一下viewport width =divice—width user—scalable scale rem 做适配 github上有flexble.js 谈谈ios中click300ms延迟 原因 双击缩放 解决办法 用写的方法代替click fastclick addEventListener参数 第一个为事件类型 第二个为触发的函数 第三个是布尔值，描述事件是冒泡还是捕获 sessionStorage localStorage之间的区别和使用 sessionstorage 浏览器窗口销毁生命周期就就结束，适合用作敏感数据 一次性登录 iframe 通讯 同源的话父页面调用window对象，还可以通过location.hash 不同源可以通过psotMessage api 进行通讯

[stherix]

[royal_cf]