[js]script,link位置以及渲染机制

[js]script,link位置以及渲染机制

script只指外链script浏览器会在开始就并发下载资源,js,css图片等,所以在读取到script的时候有两种状态可能,下载完和没下载完从上往下构建dom和cssom,然后去生成renderTree去进行渲染同步script主要是同步script,同步script会阻塞解析碰到同步script会先检测是否下载完,如果没下载完会等待下载完然后执行完然后再接着进行dom和cssom的构建...

前端 2022-05-07 PM 11次 0条
[Vue]更新后的依赖收集

[Vue]更新后的依赖收集

数据更新会通知dep列表里的所有watcher进行更新数据的更新,修改添加会有新的数据,在set时或者数组的处理会进行响应化,但未被收集比如<div v-for="(text,index) in arr" :key="index">{{text}}</div>arr修改,会通知渲染watcher,如果只是修改vnode进行渲染,...

前端 2021-10-04 PM 12次 0条
[js]关于Promise实现

[js]关于Promise实现

https://juejin.cn/post/6945319439772434469#commentPromise主要就是发布订阅模式主要是then的链式调用then返回一个promise实例内部有两个函数用来创建微任务用来调用用户传进来的回调,以及解决要返回的promise,这个是链式调用的核心如果promise是已解决状态,则直接执行创建微任务,解决内部promise如果promise是...

前端 2021-09-10 PM 11次 0条
[js]commonjs和es module

[js]commonjs和es module

commonjs是运行时引入,整个代码按同步代码顺序执行引入一个模块会先进行缓存,然后执行代码,过程中同步修改module对象,所以引入的模块如果循环引入会得到实时的module对象es module静态编译,先处理引入的模块静态编译,看了几篇文章感觉就是提升import和export提升可能是编译阶段把这两个提升吧export导出对象提升,和变量提升感觉差不多所以export的变量都是默认...

前端 2021-09-09 PM 9次 0条
[js]js引擎,渲染引擎,event loop

[js]js引擎,渲染引擎,event loop

js引擎js引擎就是单纯的编译执行的引擎,js代码->AST->字节码使用频率高的函数会被转成机器码直接执行,效率较高字节码需要解释执行渲染引擎单纯的负责渲染,单独的线程,但为了配合js,和js线程互相阻塞就生成dom树和cssom树然后合并计算布局等,然后渲染event loopevent loop是宿主环境提供的机制,并不是js引擎的js引擎很单纯,就编译执行代码大概就是这样...

前端 2021-08-19 PM 11次 0条