前端面试题
文章平均质量分 55
前端面试题目
Sfh_11
这个作者很懒,什么都没留下…
展开
-
前端面试题:css实现居中的那些方法
水平居中 text-align: center; text-align: center 居中是只针对行内元素的,例如 span、a、img、input 、text 等行内元素。 我们有这样的 HTML 结构: <div class="parent"> <span>inline element</span> </div> 行内居中只需要给父元素设置 text-align: center 就可以实现。 .parent { text-align: cent转载 2021-07-08 21:16:31 · 404 阅读 · 2 评论 -
前端面试题:你知道前端界面渲染的机制吗?
浏览器渲染页面的原理及流程 浏览器将域名通过网络通信从服务器拿到html文件后,如何渲染页面呢? 1.根据html文件构建DOM树和CSSOM树。构建DOM树期间,如果遇到JS,阻塞DOM树及CSSOM树的构建,优先加载JS文件,加载完毕,再继续构建DOM树及CSSOM树。 2.构建渲染树(Render Tree)。 3.页面的重绘(repaint)与重排(reflow,也有称回流)。页面渲染完成后,若JS操作了DOM节点,根据JS对DOM操作动作的大小,浏览器对页面进行重绘或是重排。 1 、构建DOM树转载 2021-07-09 01:29:30 · 308 阅读 · 0 评论 -
面试题:first paint和dom ready的关系
白屏时间first paint和可交互时间dom ready的关系是(A ) A、先触发first paint ,后触发dom ready B、先触发dom ready,后触发first paint C、一起触发 D、没关系 解析:白屏时间(first Paint Time)——用户从打开页面开始到页面开始有东西呈现为止 首屏时间——用户浏览器首屏内所有内容都呈现出来所花费的时间 用户可操作时间(dom Interactive)——用户可以进行正常的点击、输入等操作,默认可以统计domready时间,因为通原创 2021-07-13 17:27:01 · 1050 阅读 · 0 评论