歪比巴布
  • 首页
  • 前端
    css JavaScript 框架 网络 浏览器 应用问题 性能优化
  • 后端
  • 杂记
  • 算法

全局解析守卫

Vue Router 全局解析守卫 一、什么是全局解析守卫? 全局解析守卫是 Vue Router 提供的三种全局守卫之一,通过 router.beforeResolve() 注册。它在导航被确认之前,所有组件内守卫和异步路由组件被解析之后触发。 三种全局守卫的执行时机对比 用户触发导航 ↓
2026-03-23
性能优化

vueRouter

Vue Router 前端路由的本质【原理】 传统多页应用时代,路由属于后端,服务器根据不同的URL返回不同的HTML页面。每次页面切换都需要重新请求服务器,导致白屏问题。 单页应用(SPA)时代,只有一个HTML页面,视图切换变成了页面上某个模块的切换(即页面级组件的切换)。前端路由维护的是URL
2026-03-18
框架

对象深拷贝

完整实现 function deepClone(obj, hash = new WeakMap()) { // 1. 处理基本类型和 null if (obj === null || typeof obj !==
2026-02-27
JavaScript

webstorme快捷键

WebStorm 快捷键参考卡 (Windows & Linux) 提示: 在 IDE 中查找任何操作,请使用 查找动作 (Ctrl + Shift + A) 🚀 运行 (Running) 快捷键 功能描述 Alt + Shift + F10
2026-02-25
杂记

vue3详解

Vue 3 深度解析:从响应式原理到编译优化的完整指南 第一章:Vue 3 架构设计与核心思想 1.1 Vue 3 设计哲学与技术突破 Vue 3 是一次彻底的重构,其核心设计理念围绕 "渐进式"、"组合式" 和 "性能优先" 展开。让我们从架构层面深入理解 Vue 3 的设计选择。 架构演进:从
2026-02-10
框架

vue3与相关生态

Vue 3 深度解析:从核心原理到生态系统的完整指南 第一章:Vue 3 架构演进与性能突破 1.1 Vue 3 vs Vue 2:架构演进对比 1.1.1 响应式系统的革命性升级 Vue 2 响应式系统的核心实现与局限分析 Vue 2 采用了基于 Object.defineProperty 的响应
2026-02-10
框架

webpack详解

深入探索Webpack:从原理到实践的完整指南 为什么我们需要Webpack?深度解析现代前端构建的必要性 1. 浏览器端模块化的历史困境与解决方案 问题的本质:在ES6模块标准出现之前,JavaScript并没有官方的模块系统。开发者们创造了各种模块化方案,如CommonJS、AMD、UMD等,但
2026-02-10
框架

webpack

为什么用webpack 浏览器端实现模块化 如果使用es6一个大型工程会有大量的模块,每个模块都需要请求,会导致严重的性能问题,现阶段浏览器不支持commonjs只支持es6,如果使用的第三方 库是cjs写的就会不兼容 浏览器端在使用外部依赖的时候不能用import导入,因为不允许从node_mod
2026-01-30
框架

模块化

什么是commonJS commonjs是一个用于解决js模块化问题的方案 commonJS 模块导出 exports 此为一个空对象,可以为该对象添加任何需要导出的内容 模块导入 require require是一个函数,传入模块的路径即可返回该模块导出的整个内容 nodejs对CommonJS
2026-01-30
框架

手写set

手写set class MySet { constructor(iterator = []) { //验证是否是可迭代的对象 if (typeof iterator[Symbol.iterator] !== "function") {
2026-01-30
JavaScript
1 2 3 … 5
Halo Fluid
京ICP证xxxx号 | police-icon 京公网安备123456号