前端界面兼容性问题和解决办法
今天的兼容性问题主要发生在“前端三毒”身上：IE 6、IE 7、IE 8。 下文按宽度计算、浮动、双边距等问题逐条给出案例代码、截图对比和解决办法，原图一张不落。 今天的兼容性问题主要发生在“前端三毒”身上，它们分别是： IE 6 IE 7 IE 8 2.问题一：宽度计算问题 案例代码： <!…
今天的兼容性问题主要发生在“前端三毒”身上：IE 6、IE 7、IE 8。 下文按宽度计算、浮动、双边距等问题逐条给出案例代码、截图对比和解决办法，原图一张不落。 今天的兼容性问题主要发生在“前端三毒”身上，它们分别是： IE 6 IE 7 IE 8 2.问题一：宽度计算问题 案例代码： <!…
浏览器渲染一页有两条工作：跑 JS、算 CSS。它们是互斥的。面试里「回流 / 重绘」问的就是：改样式时，浏览器要不要重算几何，要不要重画像素。 回流（reflow）：render tree 一部分或全部因为宽高、布局、显示隐藏、或内部文字结构变了，需要重新构建页面。重绘（repaint）：宽高、布…
回流和重绘是每个 Web 开发者都会听到的词，但具体两步各自做什么，很多人并不清楚。下面从浏览器渲染过程讲到如何减少它们，并配上可点的 demo。 渲染过程来自 MDN：解析 HTML/CSS → 生成渲染树 → Layout（回流，算几何）→ Painting（重绘，算像素）→ 交给 GPU 显示…
前后端分离做成 SPA 后，首页文件常常超过 1MB，首屏就会慢。常见思路有：UI 组件按需加载、路由懒加载、处理组件重复打包、以及 gzip。前两者要看项目条件，UI 按需和 gzip 则几乎总能做。 本文先聊 ElementUI 按需引入和 gzip。按需能拆掉巨大的 element-ui.co…
