摘要: 何为BFC BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。 形成BFC的条件 浮动元素,float 除 none 以外的值; 定位元素,position(absolute,fixed) 阅读全文
posted @ 2021-06-29 10:24 福小松 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 网页生成过程 HTML被HTML解析器解析成DOM 树 css则被css解析器解析成CSSOM 树 结合DOM树和CSSOM树,生成一棵渲染树(Render Tree) 生成布局(flow),即将所有渲染树的所有节点进行平面合成 将布局绘制(paint)在屏幕上 第四步和第五步是最耗时的部分,这两步 阅读全文
posted @ 2021-06-29 10:23 福小松 阅读(86) 评论(0) 推荐(0) 编辑
摘要: promise Promise,我们了解到promise是ES6为解决异步回调而生,避免出现这种回调地狱,那么为何又需要Async/Await呢?你是不是和我一样对Async/Await感兴趣以及想知道如何使用,下面一起来看看这篇文章:Async/Await替代Promise的6个理由。 promi 阅读全文
posted @ 2021-06-29 09:40 福小松 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 什么是事件循环 JS的代码执行是基于一种事件循环的机制,之所以称作事件循环,MDN给出的解释为因为它经常被用于类似如下的方式来实现 while (queue.waitForMessage()) { queue.processNextMessage(); } JS的运行环境主要有两个:浏览器、Node 阅读全文
posted @ 2021-06-29 09:37 福小松 阅读(123) 评论(0) 推荐(0) 编辑