获得徽章 9
动态
文章
专栏
沸点
收藏集
关注
作品
赞
28
赞
28
返回
|
搜索文章
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
13天前

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

前言 前端性能优化方面离不开白屏的问题，今天只是侧重复习下白屏的计算方式与系统性的记录方式。关于白屏的性能优化方面有很多，大家可以先看看下面这位老哥写的性能优化的几种方式 ...
评论
拉不动的猪
赞了这篇沸点
JYM今天不上班今天回家摘耙耙柑🍊
耙耙柑终结者于2026-01-08 11:02发布的图片
avatar
avatar
avatar
等人赞过
96
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
1月前

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

前言 网上的给出的区别有很多，今天只是简单来回归下其中的一些流程和区别的关键点。 以下面的代码为例进行思考： 关于 watch 和 computed 的使用我们很多，这里我...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
1月前

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

在 Webpack 编译过程中，不建议仅通过 loader 直接替换 / 删除代码中的 console.log，核心原因是「loader 替换的局限性」会导致代码稳定性、可...
image
评论
拉不动的猪
赞了这篇文章
赵小川的头像
赵小川
前端工程师 @豌豆公主
·
6月前

五年自学前端到京东终面：我才明白自己不是范进，连范进都不如

1. 京东终面后，我在群里被恭喜了 2025年4月，京东HR在BOSS上找我，岗位写的是「iOS开发」，我心想这HR真他妈不专业，但还是回了句：「您好，我是前端，可以面试吗...
image
250
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
1月前

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

一、先理清核心概念 在讲解执行顺序前，先明确几个关键概念： 宏任务（Macrotask） ：常见的有 setTimeout、setInterval、I/O 操作、scrip...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

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

一、先明确核心结论 keep-alive 是 Vue 内置的抽象组件（不渲染真实 DOM），它的核心作用是缓存被包裹的组件实例，缓存的关键数据结构如下： 缓存容器：keep...
2
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

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

JS放在不同位置确实有重要区别！这涉及到页面加载性能、用户体验和代码执行时机等多个方面。 1. 基础区别 放在 <head> 中 特点： 脚本会阻塞HTML解析 DOM元素...
2
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

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

1. Intersection Observer API（推荐） 这是现代浏览器推荐的方法，性能最好，异步执行，不会阻塞主线程。 基础用法 高级配置 实用工具函数 2. g...
评论
有毒，上班不刷牙，口气熏死人
2
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

Axios 请求取消机制详解

Axios是否真的支持取消请求呢 是的，Axios 完全支持取消请求。 Axios 提供了两种主要的取消请求的方式： 使用 AbortController (推荐，现代浏览...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

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

权限控制是前端应用（尤其是中大型系统）的核心安全与体验保障，完整的权限体系需覆盖「路由权限、页面元素权限、接口权限」三大场景。本文结合真实项目落地经验，系统梳理各场景的应用...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

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

一、provide/inject 的核心设计思想 provide/inject 是 Vue 实现依赖注入（Dependency Injection）的核心 API，其设计目...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

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

一、后端核心配置：决定下载的 “基础规则” 后端通过 HTTP 响应头控制文件的传输行为，这是所有下载逻辑的起点，关键配置有 3 个： 1. Content-Disposi...
1
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

基本数据类型Symbol的基本应用场景

Symbol 作为 ES6 新增的基本数据类型，核心特性是唯一性和不可枚举性，在实际项目中主要用于解决命名冲突、保护对象私有属性等场景。以下是具体的应用举例及代码实现： 一...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

一文搞懂：localhost和局域网 IP 的核心区别与使用场景

前端项目运行时给出的 localhost:3000 和 192.168.1.41:3000 本质上指向同一项目服务，但适用场景和访问范围不同，具体区别及选择建议如下： 一、...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

try...catch 核心与生态协作全解析

一、try...catch 本质：为何需要它？（从程序失控到可控） 在 JavaScript 执行过程中，代码常因变量未定义、类型错误、API 调用失败等问题中断。若缺乏异...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

CSS 像素≠物理像素：0.5px 效果的核心密码是什么？

先明确两者的关系：CSS 像素是 “逻辑像素”（页面布局用），物理像素是屏幕实际发光的像素点，两者通过 设备像素比（DPR）  关联，公式为：1 个 CSS 像素 = DP...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

Webpack 与 Rollup 中 Tree-shaking 的实现原理与效果

Tree-shaking 是现代前端构建工具中用于消除死代码（未被使用的代码）的重要优化手段，核心原理是利用 ES6 模块的静态特性（import/export）分析代码依...
1
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
2月前

浏览器之内置四大多线程API

一、为什么 Web Worker 能实现 “多线程”？ 浏览器的 JS 引擎（如 V8）本身是单线程的，但浏览器是多进程 / 多线程架构。Web Worker 的本质是 浏...
image
评论
下一页
个人成就
优秀创作者
文章被点赞 605
文章被阅读 117,004
掘力值 8,258
收藏集
6
关注标签
22
加入于