前端界面兼容性问题和解决办法
今天的兼容性问题主要发生在“前端三毒”身上,它们分别是: IE 6 IE 7 IE 8 2.问题一:宽度计算问题 案例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> …
标签:兼容今天的兼容性问题主要发生在“前端三毒”身上,它们分别是: IE 6 IE 7 IE 8 2.问题一:宽度计算问题 案例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> …
标签:兼容浏览器渲染一个页面有两条线程:一条是渲染js脚本,一条是渲染css脚本。但是两条线程是互斥的。 回流:当render tree的一部分或者全部元素因改变了自身的宽高,布局,显示或隐藏,或元素内部的文字结构发生变化,导致需要重新构建页面的时候,回流就产生了。 重绘:当一个元素自身的宽高,布局,及显示或…
回流和重绘可以说是每一个web开发者都经常听到的两个词语,我也不例外,可是我之前一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享,所以对其进行了一些研究,看了一些博客和书籍,整理了一些内容并且结合一些例子,写了这篇文章,希望可以帮助到大家。 浏览器的渲染过程 本文先从浏览器的渲染过程来…
前后端分离项目如果做成 SPA(单页面)的形式,就必然面临一个首屏加载的问题,因为默认情况下首页文件比较大,可能超过 1 MB,进而带来首页加载很慢的问题。所以我们要通过优化,来提高首页的加载速度。 问题的解决,一般来说有这样几种思路: UI 组件按需加载 路由懒加载 组件重复打包 gzip 这些加…