拉不动的猪

前端开发 | xxx司xxx

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

赞

27

|

搜索文章

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

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

7天前
99
2
评论

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

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

15天前
110
2
评论

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

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

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

20天前
117
1
评论

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

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

26天前
1.3k
3
2

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

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

28天前
145
1
2

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

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

29天前
148
2
评论

Axios 请求取消机制详解

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

1月前
346
4
评论

前端三大权限场景全解析：设计、实现、存储与企业级实践

权限控制是前端应用（尤其是中大型系统）的核心安全与体验保障，完整的权限体系需覆盖「路由权限、页面元素权限、接口权限」三大场景。本文结合真实项目落地经验，系统梳理各场景的应用逻辑、实现方案、设计模式与存

1月前
363
5
评论

Vue 跨组件通信底层：provide/inject 原理与实战指南

一、provide/inject 的核心设计思想 provide/inject 是 Vue 实现依赖注入（Dependency Injection）的核心 API，其设计目标是：解决跨层级组件通信问

1月前
170
点赞
评论

文件下载：后端配置、前端方式与进度监控

一、后端核心配置：决定下载的 “基础规则” 后端通过 HTTP 响应头控制文件的传输行为，这是所有下载逻辑的起点，关键配置有 3 个： 1. Content-Disposition：控制 “下载” 或

1月前
224
1
1

个人成就

优秀创作者

文章被点赞 589

文章被阅读 107,558

掘力值 8,149

加入于

2022-03-24