js引擎的执行过程(一)

js是一种非常灵活的语言,理解js引擎的执行过程对我们学习javascript非常重要,但是网上讲解js引擎的文章也大多是浅尝辄止或者只局部分析,例如只分析事件循环(Event Loop)或者变量提升等等,并没有全面深入的分析其中过程。所以我一直想把js执行的详细过程整理成一个较为详细的知识体系,帮助我们理解和整体认识js。...

阅读全文

浏览器渲染过程

本文主要讲解浏览器页面渲染过程,js脚本解析执行过程,我将会另开文章分析,所以本文有关js解析的内容都会省略...

阅读全文

彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index

彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index

最近,在项目中遇到一个关于CSS中元素z-index属性的问题,具体问题不太好描述,总结起来就是当给元素和父元素色设置position属性和z-index相关属性后,页面上渲染的元素层级结果和我预想的不一样。根据自己之前的理解,也没找到一个合理的解释。我知道,肯定是我对相关属性的细节理解存在问题,所以结合官方文档和在网上各种搜集整理,明白了其中的原因。写下这篇文章,和大家分享有关CSS中层叠上下文、层叠等级、层叠顺序以及z-index相关的一整套技术细节。...

阅读全文

如何区分基础组件和业务组件

如何区分基础组件和业务组件

前端在组件化的实现道路上一直都是前仆后继的,各种框架的解决思路层出不穷。时至今日,伴随着类似 React 、Vue 等优秀的前端框架出现,组件化的解决方案几乎成为 webapp 开发的标准,尽管实现的方式不同,但理念都趋同。...

阅读全文