前端原理
文章平均质量分 72
kadenqxwang
Change is a direction not a destination.
展开
-
JS面试题:hash和history的区别
由于 Vue 项目为单页面应用,所以整个项目在开发和构建过程中,仅存在一个HTML物理文件。通过路由系统可以实现将项目的组件与可访问的URL路径进行绑定。由于Vue项目只有一个HTML物理文件,切换页面时既需要让访问的URL路径发生变化,又不能触发 HTML 物理文件的重新加载,这就使得 VueRouter 的跳页模式不能使用普通的超链接方式。↔。原创 2024-06-03 14:15:04 · 2046 阅读 · 0 评论 -
JS面试题:什么是原型和原型链
象,对象都有proto 属性,这个属性指向它的原型对象,原型对象也是对也有 proto 属性,指向原型对象的原型对象,这样一层一层形成的链式结构称为原型链,最顶层找不到则返回 null。函数都有prototype属性,称之为原型,也称为原型对象原型。1.可以放一些属性和方法,共享给实例对象使用。原创 2024-06-03 11:11:01 · 376 阅读 · 0 评论 -
浏览器渲染原理-解释回流重绘以及为什么transform效率高
reflow 的本质就是重新计算 layout 树(修改了几何信息)。需要重新计算布局树,会引发 layout。当进行了会影响布局树的操作后,为了避免连续的多次操作导致布局树反复计算,浏览器会合并这些操作,当 JS 代码全部完成后再进行统一计算。所以,改动属性造成的 reflow 是异步完成的。也同样因为如此,当 JS 获取布局属性时,就可能造成无法获取到最新的布局信息,浏览器在反复权衡下,最终决定获取属性立即 reflow。原创 2024-04-15 16:50:36 · 862 阅读 · 0 评论 -
事件循环(消息循环)
当其他线程完成时,将事先传递的回调函数包装成任务,加入到消息队列的末尾排队,等待主线程调度执行。在 chrome 的源码中,它开启一个不会结束的 for 循环,每次循环从消息队列中取出第一个任务执行,而其他线程只需要在合适的时候将任务加入到队列未尾即可。根据 W3C 官方的解释,每个任务有不同的类型,同类型的任务必须在同一个队列,不同的任务可以属于不同的队列。3按照 W3C 的标准,浏览器实现计时器时,如果嵌套层级超过 5 层,则会带有 4 毫秒的最少时间,这样在计时时间少于 4 毫秒时又带来了偏差。原创 2024-04-15 14:52:34 · 1417 阅读 · 0 评论