一,浏览器的兼容问题
1)不同浏览器的标签默认的外补丁和内补丁不同
2)块属性标签float后,又有横行的margin情况下,在ie6显示margin比设置的大
3)设置较小标签(一般小于10px),在ie6,ie7,设置中高度超出设置高度
4)行内标签设置display:block后采用float布局,又有横行的marin的情况,ie6间距bug(类似第二种)
5)图片默认有间距
6)b标签最低高度设置min-height不兼容
7)透明度的兼容css设置
二,本地存储cookie与localStorage,sessionStorage区别
1)存储大小限制不同,cookie不超过4k,其他5M或者更大
2)数据有效期也不同,sessionStroage仅在当前浏览器窗口关闭前有效,localStorage 始终有效,窗口或者浏览器关闭也一直保存;cookie在设置的有效期内有效,不管窗口或者浏览器关闭
3)作用域不同,sessionStoage不能在不同的浏览器窗口共享,即使是用一个页面,localStroage在所有的同源窗口中都是共享的,cookie在所有的同源窗口中共享的
三,如何优化页面加载速度
1)合并js文件和css
2)Sprites图片技术
3)压缩文本和图片
4延迟显示可见区域外的内容
5)确保功能图片优先加载
6)重新布置Call-to-Action按钮
7)图片格式化
8)使用Progressive JPEGs
9)精简代码
10)延迟加载和执行非必要脚本
11)使用AJAX
12)自动化的页面性能优化
四,HTML5新增标签
结构标签
1)section 独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节,页眉,页脚的其他部分;
2)articel:特殊独立区块,表示这篇页眉中的核心内容;
3)aside:标签内容之外与标签内容相关的辅助信息
4)header 某个区块的头部信息/标题
5)hgroup 头部信息/标题的补充内容
6)footer底部信息
7)nav 导航条部分信息
8)figure 独立的单元,例如某个有图片与内容的新闻块
表单标签
1)emile 必须输入邮件
2)url 必须输入url地址
3)number 必须输入数值
4)range 必须输入一定范围内的数值
5)search 搜索常规的文本域
6)Date Pickers 日期选择器
7)color 颜色
媒体标签
1)video 视频
2)audio音频
3)embed 嵌入内容(包括各种媒体),MidimWav, Au,Mp3 Flash. AIFF等
五 ,rem和 em区别
em 可能受任何继承的父元素字体大小影响
rem 可以从浏览器字体设置中继承字体大小
六怎么清除浮动
clear :left
七,call 和 apply区别
1)都是用于改变this指向
2)第一个参数都是this要指向的对象
3)都可以利用后续参数传参
4)apply 后续参数使用数组,call和bind不能用
5)bind是返回对应的函数,便于稍后执行,call和apply则是立刻执行
6)bind 后边有两个小括号,第一个用于传参,第二个用于执行绑定的函数
八js中如何对字符串切割转化为数组
split
切割字符串,将字符串分割为数组,参数通常都是字符串或字符,传递参数也可以是正则对象
var str='a b c d';
传统方法:
console.log(str.split(' '));
正则方法:
console.log(str.split(/s+/));
九,常见的http状态码
1)Informational 信息性状态,表示正在处理
2)Success 成功状态码,表示请求正常
3)200 请求别成功处理
4)204 No Content 该状态码表示服务器接收的请求已经处理完毕,但是服务器不需要返回响应体.
5)206 Partial Content 该状态码表示客户端进行了范围请求,而服务器成功执行力这部分的GET请求
Redirection)重定向状态码,表示客户端需要进行附加操作.
6)301 Moved Permanently 永久性重定向.
7)302 Found 临时性重定向.
Client Erro)客户端错误状态码,表示服务器无法处理请求.
8)400 Bad Request 指定客户端请求中的语法错误
9)401 Unauthorized 该状态码表示发送的请求需要有认证
10)403 Forbidden 该状态码表示对请求资源的访问的访问服务器拒绝了
11)404 Not Found 该状态码表示服务器上无法找到指定的资源
(Server Error)服务器错误状态码,表示服务器处理错误.
500 Internal Server Error 该状态码表明服务器端在执行请求时发生了错误.
502 Bad Gateway 该状态码表明服务器网关错误
503 Service Unavailabe 该状态码表明服务器暂时出去超负荷或者正在进行停机维护,现在无法处理请求
11,vue第一次页面组件加载完毕会触发vue中的那几个钩子
beforeCreate,created,beforeMount, mounted