html
关注
分享
扫一扫
文章平均质量分 52
漫川清梦压星河
这个作者很懒，什么都没留下…
展开
-
reflow （回流）和 repaint（重绘)理解
reflow 和 repaint repaint 就是重绘，reflow 就是回流。 严重性：在性能优先的前提下，性能消耗 reflow 大于 repaint。 体现：repaint 是某个 DOM 元素进行重绘；reflow 是整个页面进行重排，也就是页面所有 DOM 元素渲染。 如何触发：style 变动造成 repaint 和 reflow。 不涉及任何 DOM 元素的排版问题的变动为 repaint，例如元素的 color/text-align/text-decoration 等等属性的变动。 除原创 2021-01-19 10:40:32 · 393 阅读 · 0 评论 -
移动端布局方案
移动端布局方案 百分比布局 百分比布局的，这样的做法的话是比较费时间的，有些细节的地方还需要用媒体查询来做兼容。做起来挺费时间，而且对于设计稿的还原也不好。所以这里>也不怎么推荐 固定的设备宽度 在做移动开发的时候很多人都会加上viewport的配置， 那么固定设备宽度的布局就是根据这个来设置的，将viewport里面的宽度width设置成设计稿的宽度，也就是说原本是width=device-width，即宽度为设备的宽度 假如在iphone6上显示的时候，那么页面的宽度就是375px; 当我原创 2021-01-19 10:37:43 · 117 阅读 · 0 评论 -
右边宽度固定，左边自适应
1实现方式一:最简单的方式使用flex的方式实现 <style> body{ display: flex; } .left{ background-color: rebeccapurple; height: 200px; flex: 1; } .right{ background-color: red; height: 200px; width: 100px; } </style> <body> <di原创 2021-01-19 10:09:48 · 185 阅读 · 0 评论