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

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

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

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

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

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

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

Axios 请求取消机制详解

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

一、为什么 Web Worker 能实现 “多线程”？ 浏览器的 JS 引擎（如 V8）本身是单线程的，但浏览器是多进程 / 多线程架构。Web Worker 的本质是 浏...
image
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
25天前

Token无感刷新全流程（Vue + Axios + Node.js（Express））

页面基本流程 登录成功后，后端返回 Access Token 和 Refresh Token，前端存储两者及各自有效期。 每次发起业务请求前，前端判断 Access Tok...
2
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
27天前

关于scoped样式隔离原理和失效情况&&常见样式隔离方案

Vue 的 scoped 样式隔离看似简单，实则有明确的实现逻辑，未隔离成功往往是没搞懂它的工作原理。下面从「核心机制→实现步骤→隔离边界→常见误区」四个维度详细拆解： 一...
image
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
29天前

# 关于初学者对于JS异步编程十大误区

前端开发中 Promise 与异步编程还存在大量易混淆、易踩坑的场景，以下按「基础概念」「方法使用」「异步协作」「与其他机制配合」四大类整理，附带代码示例和正确逻辑： 一、...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
1月前

浏览器&Websocket&热更新

热更新基本流程图 一、先明确：什么是热更新（HMR）？ 热更新是指：在开发过程中，当代码发生修改并保存后，浏览器无需刷新整个页面，仅更新修改的模块（如组件、样式、逻辑等），...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
1月前

什么是二义性，实际项目中又有哪些应用

箭头函数与普通函数的二义性 “二义性”，其实是普通函数里一个很典型的问题 —— 正因为普通函数的 this 是动态绑定的，导致在不同调用场景下，this 指向可能 “模糊不...
评论
拉不动的猪的头像
拉不动的猪
前端开发 @xxx司xxx
·
1月前

单点登录中权限同步的解决方案及验证策略

sso单点登录的权限变更同步的三种核心方案（实时同步、半实时同步、被动同步） 一、实时同步：权限变更时主动通知子应用 核心逻辑：权限一旦变更，立即通过 “主动推送” 通知相...
评论
下一页
个人成就
优秀创作者
文章被点赞 562
文章被阅读 101,217
掘力值 7,979
收藏集
6
关注标签
22
加入于