imagine_tion的博客

标题前端中link和@import的区别1.link属于XHTML标签，而@import是CSS提供的。2.⻚⾯被加载时，link会同时被加载，而@import引⽤的CSS会等到⻚⾯被加载完再加载。3.@import只在IE 5以上才能识别，⽽link是XHTML标签，⽆兼容问题。4.link ⽅式的样式权重⾼于@import的权重。5. 使⽤dom控制样式时的差别。当使⽤javascript控制dom去改变样式的时候，只能使⽤link标签，因为@import不是 dom可以控制的。...

前端游览器的几种存储方式1.cookies2.localstorage3.sessionstorage4.Web SQL5.IndexedDB1.cookies:在HTML5标准前本地存储的主要方式优点：是兼容性好，请求头自带cookie方便；缺点：是只有4K，自动请求头加入cookie浪费流量，每个domain限制20个cookie，使用起来麻烦需要自行。2.localStorage：HTML5加入的以键值对（Key-Value）为标准的方式优点：操作方便，永久性存储（除非手动删除），

HTML5头部中DOCTYPE的作⽤是什么DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档。不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript 脚本的解析。⽂档解析类型有：1.BackCompat：怪异模式，浏览器使⽤⾃⼰的怪异模式解析渲染⻚⾯。（如果没有声明DOCTYPE，默认就是这个模 式）2.CSS1Compat：标准模式，浏览器使⽤W3C的标准解析渲染⻚⾯。3.IE8还有⼀种介乎于上述两者之间

重排和重绘概念重排：如果DOM的变化影响到几何属性比如宽度或者需要获取到最新的几何数据，浏览器需要重新构造渲染树，计算它们在视口的确切位置和大小重绘：浏览器将受到影响的部分重新绘制到屏幕上的过程称为重绘重排一定会触发重绘，重绘不一定会重排引起重排的原因有：添加或删除可见的DOM元素元素的位置发生变化元素尺寸发生变化浏览器窗口尺寸变化引起重绘的原因有：没有涉及几何属性的计算，比如改变元素背景色时浏览器优化：浏览器会将一段时间内的DOM修改操作放到一个队列里，当过了一

1.BOM概念​ BOM就是浏览器对象2.BOM常用方法location对象（对当前url的解析）：location.href：用于获取或者设置urllocation.host: 返回当前url的域名history对象（用于保存浏览器历史记录）：history.back()：后退一页history.forward()：前进一页navigator对象（提供浏览器信息）：navigator.cookieEnabld: 当前浏览器是否支持cookiewindow对象（浏览器窗