拉不动的猪

前端开发 | xxx司xxx

社牛一点，大胆尝试，别样收获

赞

29

|

搜索文章

重温Vue异步更新队列

在Vue开发中，明明同步修改了data中的多个变量，视图却不会实时同步更新；循环中多次修改同一个数据，视图只显示最后一次赋值结果；不同时机触发的数据更新，偶尔会出现视图混乱的情况。这些问题的根源，都指

12天前
85
1
评论

移动端调试工具VConsole初始化时的加载阻塞问题

问题复现（场景：小程序应用）将VConsole下载到本地进行，在main.js中进行初始化，当上线后，页面首次加载会出现卡顿空白页,刷新之后显示正常阻塞原因首次加载无缓存 + VConsole

16天前
84
点赞
评论

首屏加载统计的几个问题梳理

前言前端性能优化方面离不开白屏的问题，今天只是侧重复习下白屏的计算方式与系统性的记录方式。关于白屏的性能优化方面有很多，大家可以先看看下面这位老哥写的性能优化的几种方式关于白屏基本定义：白屏时间

1月前
106
点赞
评论

回顾计算属性的缓存与监听的触发返回结果

前言网上的给出的区别有很多，今天只是简单来回归下其中的一些流程和区别的关键点。以下面的代码为例进行思考：关于 watch 和 computed 的使用我们很多，这里我们不一一介绍，但是请记住：监

2月前
147
2
评论

webpack编译中为什么不建议load替换ast中节点删除consolg.log

在 Webpack 编译过程中，不建议仅通过 loader 直接替换 / 删除代码中的 console.log，核心原因是「loader 替换的局限性」会导致代码稳定性、可维护性、调试效率受损，且存在

3月前
170
3
评论

webpack编译中为什么不建议load替换ast中节点删除consolg.log

requestAnimationFrame 与 JS 事件循环：宏任务执行顺序分析

一、先理清核心概念在讲解执行顺序前，先明确几个关键概念：宏任务（Macrotask）：常见的有 setTimeout、setInterval、I/O 操作、script 整体代码、UI 渲染（注

3月前
242
2
评论

深入理解 Vue keep-alive：缓存本质、触发条件与生命周期对比

一、先明确核心结论 keep-alive 是 Vue 内置的抽象组件（不渲染真实 DOM），它的核心作用是缓存被包裹的组件实例，缓存的关键数据结构如下：缓存容器：keep-alive 实例上的 th

3月前
1.6k
5
2

前端JS脚本放在head与body是如何影响加载的以及优化策略

JS放在不同位置确实有重要区别！这涉及到页面加载性能、用户体验和代码执行时机等多个方面。 1. 基础区别放在 <head> 中特点：脚本会阻塞HTML解析 DOM元素还未创建，无法直接操作会延

3月前
218
1
2

判断dom元素是否在可视区域的常规方式

1. Intersection Observer API（推荐）这是现代浏览器推荐的方法，性能最好，异步执行，不会阻塞主线程。基础用法高级配置实用工具函数 2. getBoundingClie

3月前
197
2
评论

Axios 请求取消机制详解

Axios是否真的支持取消请求呢是的，Axios 完全支持取消请求。 Axios 提供了两种主要的取消请求的方式：使用 AbortController (推荐，现代浏览器和 Node.js 环境)

3月前
568
4
评论

个人成就

优秀创作者

文章被点赞 612

文章被阅读 125,761

掘力值 8,359

加入于

2022-03-24