anyScript-CSDN博客

原创原理篇：浏览器渲染原理及使用文档片段优化效率

文档片段通过docunment.creatDocumentFragment语句来创建，从字面上来看，像是创建了dom元素，其实它并不是真正的dom元素，不会改变dom结构，它用于存储dom元素的数据。

2024-03-27 11:48:12 579

原创原理篇：js为什么会阻碍浏览器的渲染

先说原理，浏览器渲染主进程中只有一个渲染主线程，这个主线程即js的单线程。主线程承担着诸多的工作，渲染页面、执行JS都在其中运行。事件循环又叫做消息循环，是浏览器渲染主线程的工作方式。浏览器的任务存在消息队列当中，每次主线程从消息队列中取出第一个任务执行，执行完毕后再去消息队列中取任务…而在执行当前任务时，可能会产生新的任务，这些新的任务会被添加到消息队列中等待执行。

2024-03-27 10:42:53 975

在全局中定义需要把代码写到项目中main.js文件中。通过Vue.directive()方法定义指令。该方法包括两个参数，指令名和一个js对象。在全局中定义的指令可以在项目任意组件中使用。其中对象包括三个方法:**bind()**方法，初始化时执行吗，并且只执行一次。由于此时元素还没有渲染到页面中，dom是虚拟dom，无法操作对dom元素绑定事件函数等。**inserted()**方法，元素渲染到页面后执行，只调用一次。一般在这个方法里操作dom对象。

2024-03-26 20:22:56 477