游客gyr3h2epvizc2_个人页

2025年12月

• 12.18 16:40:41
  发表了文章 2025-12-18 16:40:41

  雅虎14条Web性能优化规则

  雅虎军规总结了23条前端性能优化最佳实践，涵盖减少HTTP请求、使用CDN、资源压缩、缓存配置、JS/CSS优化、图片处理等方面，旨在提升网页加载速度与用户体验，是前端性能优化的经典指南。
• 12.18 16:39:51
  发表了文章 2025-12-18 16:39:51

  Webpack性能优化

  通过按需加载、Tree Shaking、Scope Hoisting 减小打包体积；利用 HappyPack、DllPlugin、优化 Loader 提升打包速度；结合代码压缩与长缓存优化，显著提升 Webpack 构建性能。Webpack4 后 mode 设为 production 可自动启用多数优化。
• 12.18 16:38:59
  发表了文章 2025-12-18 16:38:59

  前端性能监控指标

  前端性能指标包括白屏时间、首屏时间、DOM可操作时间和页面总加载时间。可通过注入代码或`window.performance` API进行量化统计，后者基于浏览器标准接口，提供精确的网络、解析与渲染各阶段耗时数据，助力性能优化。
• 12.18 16:36:42
  发表了文章 2025-12-18 16:36:42

  网络优化方案

  通过合并压缩资源、合理缓存、DNS预解析、CDN加速、预加载与预渲染、图片优化等手段，减少HTTP请求、提升加载速度。利用hash值更新缓存，结合雪碧图、WebP格式及骨架屏，显著改善页面性能与用户体验，有效降低首屏加载时间。
• 12.18 16:35:42
  发表了文章 2025-12-18 16:35:42

  重绘回流过程

  浏览器渲染流程：解析HTML生成DOM树，CSS生成CSSOM，合并为渲染树，再布局、绘制。DOM树包含所有元素，渲染树仅含可见节点。CSS阻塞渲染但不阻塞DOM解析。重绘因样式变化，回流因布局变化，回流必触发重绘。减少回流重绘可提升性能。
• 12.18 16:34:32
  发表了文章 2025-12-18 16:34:32

  虚拟滚动技术

  插入几万个DOM时，为避免页面卡顿，可采用虚拟滚动技术，仅渲染可视区域内的元素，滚动时动态更新内容，大幅减少DOM数量。相比requestAnimationFrame分批插入，虚拟滚动性能更优，推荐使用react-virtualized等库实现，有效提升渲染效率。（238字）
• 12.18 16:30:59
  发表了文章 2025-12-18 16:30:59

  浏览器缓存

  HTTP缓存通过Cache-Control和ETag实现。Cache-Control控制缓存行为，如public/private、no-cache/no-store，以及max-age等时效与验证机制；ETag则用于对比资源是否变更，配合If-None-Match实现304协商缓存。结合内容哈希文件名可优化静态资源更新策略，确保用户获取最新版本。
• 12.18 16:28:58
  发表了文章 2025-12-18 16:28:58

  CDN加速

  CDN（内容分发网络）通过在全球部署节点服务器，将源站内容缓存至边缘节点，用户访问时由最近节点提供服务。基于DNS重定向与智能调度，实现就近加速，降低延迟，提升访问速度与网站可用性，有效应对高并发、带宽不足等问题。
• 12.18 16:27:54
  发表了文章 2025-12-18 16:27:54

  XSS攻击

  XSS（跨站脚本攻击）是攻击者通过网站漏洞注入恶意脚本，用户访问时执行，窃取数据、Cookie或劫持会话。主要分反射型和存储型，危害大。防御措施包括输入转义、白名单过滤及CSP内容安全策略，有效防止脚本注入。
• 12.18 16:27:08
  发表了文章 2025-12-18 16:27:08

  CSRF攻击

  CSRF（跨站请求伪造）攻击利用用户已登录身份，诱导其触发恶意请求，窃取资金或冒用权限。防御措施包括：使用Token验证、SameSite Cookie、检查Referer、禁止第三方携带Cookie，并在关键操作中添加验证码，有效防止非法请求。
• 12.18 16:26:15
  发表了文章 2025-12-18 16:26:15

  前端工程化

  Webpack是模块打包工具，支持ES6、代码分割与模块化，区别于Grunt/Gulp等构建工具。webpack4新增mode参数，优化打包策略，支持Tree-shaking、splitChunks提取公共代码，提升构建效率与性能。通过loader处理非JS资源，plugin扩展功能，实现高效前端工程化。
• 12.18 16:25:28
  发表了文章 2025-12-18 16:25:28

  NodeJS框架

  JavaScript为避免DOM渲染冲突采用单线程模型，异步任务通过任务队列和事件循环（EventLoop）实现。同步任务在执行栈中执行，异步任务进入任务队列等待回调。Node.js利用libuv进行事件驱动，支持子进程（exec、spawn、fork）提升性能。Express基于中间件线性处理，Koa采用洋葱模型，支持async/await，错误处理更优。
• 12.18 16:23:50
  发表了文章 2025-12-18 16:23:50

  ES6框架

  本文详解ES6开发环境搭建（Webpack+babel）、JS模块化演进、class与构造函数区别、Promise原理实现、常用特性（let/const、箭头函数、Proxy、数组方法）、async/await与Generator，以及ES Module等核心知识点，系统梳理前端进阶必备技能。
• 12.18 16:18:15
  发表了文章 2025-12-18 16:18:15

  Angular框架

  本文深入解析Angular核心概念，涵盖ng-show与ng-if的性能差异、$rootScope与$scope的关系、表达式机制、Digest周期、定时器与监听器的取消方法。同时探讨Directive的restrict属性、作用域绑定方式及模块间通信策略。此外，介绍性能优化技巧、单元测试实践、Angular 2生命周期钩子、路由机制、事件发射器、AOT编译、安全防护与Shadow DOM等高级主题，全面提升开发技能。
• 12.18 16:15:31
  发表了文章 2025-12-18 16:15:31

  Vue框架

  本文深入解析Vue核心原理，涵盖v-bind与v-model区别、响应式机制（Object.defineProperty）、模板编译为render函数、虚拟DOM渲染流程、数据双向绑定原理及MVVM模式。详解生命周期、组件通信、路由控制、Vuex状态管理及其内部实现，并对比jQuery与框架差异，系统梳理Vue源码设计思想与实践应用要点。
• 12.18 16:14:47
  发表了文章 2025-12-18 16:14:47

  React框架

  React 是一个用于构建用户界面的 JavaScript 库，核心优势包括：使用虚拟 DOM 提升性能、JSX 增强代码可读性、支持服务端渲染以优化 SEO 和首屏加载、易于测试，并且仅关注视图层，可与其他框架集成。它通过高效的 Diff 算法和调和过程实现最小化重渲染，支持组件化开发与高阶组件复用逻辑，结合 Redux 可实现状态集中管理，广泛应用于大型单页应用开发。
• 12.18 16:13:30
  发表了文章 2025-12-18 16:13:30

  ajax和网络

  Ajax（异步JavaScript与XML）是一种实现网页局部刷新的技术，通过XMLHttpRequest对象实现客户端与服务器异步通信。其核心特点为不刷新页面、提升用户体验、减少带宽消耗。解决跨域问题常用JSONP或CORS；GET用于获取数据，POST用于提交数据。同源策略限制协议、域名、端口一致方可通信。缺点包括影响浏览器回退、对SEO不友好等。
• 12.18 16:12:13
  发表了文章 2025-12-18 16:12:13

  JavaScript高级

  本文系统讲解前端DOM、BOM、事件机制与Ajax核心知识：涵盖DOM树结构、常用操作API、属性与样式的区别，BOM浏览器检测与URL解析，事件绑定、冒泡流程及代理应用，原生Ajax与JSONP跨域原理，并对比cookie、localStorage与sessionStorage的特性与限制，助力深入理解Web开发基础。
• 12.18 16:11:23
  发表了文章 2025-12-18 16:11:23

  javascript基础

  本课程系统讲解JavaScript核心知识：变量类型、原型链、作用域、闭包、异步机制等，涵盖值类型与引用类型、this指向、call/apply/bind区别、事件循环及常见内置函数，助力前端进阶。
• 12.18 16:10:08
  发表了文章 2025-12-18 16:10:08

  mongDB

  本节带你快速入门MongoDB非关系型数据库，无需过多技术基础，45分钟掌握核心知识。涵盖概念、部署、命令、索引及实战演练，侧重动手实践，助力高效上手。欢迎纠错与转载，请注明出处。
• 12.18 16:08:25
  发表了文章 2025-12-18 16:08:25

  双指针技巧秒杀七道数组题目

  本文介绍双指针技巧在数组和链表中的应用，涵盖快慢指针与左右指针。通过力扣多道经典题目，如删除重复项、两数之和等，详解如何用快慢指针实现原地修改，提升算法效率。内容覆盖数组与链表去重、链表环检测等常见问题，适合巩固基础算法思维。（239字）
• 12.18 16:07:33
  发表了文章 2025-12-18 16:07:33

  双指针技巧秒杀七道链表题目

  本文总结单链表七大核心技巧：合并有序链表、链表分解、合并k个有序链表、找倒数第k个节点、找中点、判断环及环起点、判断链表相交。巧妙运用双指针与虚拟头结点，助你高效解决经典力扣题目，涵盖从简单到困难的高频面试题，提升算法思维。
• 12.18 16:05:47
  发表了文章 2025-12-18 16:05:47

  学习数据结构和算法的框架思维

  本文系统梳理数据结构与算法本质，强调其核心为“穷举”，关键在于无遗漏、无冗余。所有数据结构皆源于数组与链表，操作本质为遍历与访问。通过框架思维，归纳常见算法模式，助你高效掌握算法精髓，少走弯路，实现刷一题通百题。
• 12.18 16:04:46
  发表了文章 2025-12-18 16:04:46

  多叉树的递归/层序遍历

  多叉树是二叉树的扩展，每个节点可有多个子节点。遍历方式类似：递归实现DFS时无中序概念；层序遍历（BFS）用队列处理，支持记录深度与权重，代码结构清晰统一。
• 12.18 16:03:41
  发表了文章 2025-12-18 16:03:41

  二叉树的递归/层序遍历

  本文详解二叉树的两种遍历方式：DFS（递归遍历）和BFS（层序遍历）。DFS按“左-右”顺序固定遍历节点，前/中/后序区别仅在于代码位置；BFS借助队列实现逐层遍历，常用于求最短路径。三种BFS写法逐步进阶，适用于不同场景。DFS适合收集所有路径，BFS更高效于寻找最小深度等最短路径问题。
• 12.18 16:02:33
  发表了文章 2025-12-18 16:02:33

  二叉树的基本数据结构

  二叉树是最基础且最重要的数据结构，不仅是红黑树、堆、字典树等的构建基础，更体现了递归思维，是理解回溯、动态规划等算法的关键。掌握二叉树，等于掌握算法核心逻辑。
• 12.18 16:01:30
  发表了文章 2025-12-18 16:01:30

  用拉链法实现哈希表

  本文详解哈希表中拉链法的实现原理，
• 12.18 15:54:31
  发表了文章 2025-12-18 15:54:31

  哈希表核心原理

  哈希表不等于Map。Map是键值映射的接口，哈希表是其实现方式之一。哈希表通过哈希函数将key映射到数组索引，实现O(1)增删查改，但需处理哈希冲突、扩容等问题。不同实现（如HashMap、TreeMap）性能差异大，且遍历顺序、key可变性等均影响正确性与效率。
• 12.18 15:53:43
  发表了文章 2025-12-18 15:53:43

  双指针技巧秒杀七道链表题目

  本文总结单链表七大核心技巧：合并有序链表、链表分解、合并k个有序链表、找倒数第k个节点、找中点、判断环及环起点、判断两链表相交。巧妙运用双指针与虚拟头结点，高效解决LeetCode多道经典题，涵盖快慢指针、优先队列等思想，助你掌握链表算法精髓。
• 12.18 15:38:30
  发表了文章 2025-12-18 15:38:30

  数组（顺序存储）基本原理

  本章讲解数组的核心原理，区分静态数组与动态数组。静态数组是连续内存空间，支持O(1)随机访问，但增删效率低；动态数组基于静态数组封装，自动扩容并提供便捷API。我们将手动实现动态数组的增删查改，深入理解其底层机制，为学习栈、队列、哈希表打下基础。
• 12.18 15:36:22
  发表了文章 2025-12-18 15:36:22

  二叉树基础及常见类型

  二叉树是最基础且最重要的数据结构之一，不仅是红黑树、堆、字典树等的构建基础，更体现了递归的核心思想。掌握二叉树，等于掌握算法与数据结构的钥匙。本文详解其类型、性质与实现，助你彻底理解并驾驭各类高级结构与算法。
• 12.18 15:30:50
  发表了文章 2025-12-18 15:30:50

  用数组实现队列/栈

  使用数组实现栈时，可将动态数组尾部作为栈顶，利用其O(1)增删特性。Java中可用ArrayList或自定义MyArrayList实现push、pop、peek等操作。若以头部为栈顶，则需环形数组（如CycleArray）支持O(1)首部操作。同理，结合CycleArray的addLast与removeFirst，亦可高效实现队列。
• 12.18 15:29:09
  发表了文章 2025-12-18 15:29:09

  环形数组技巧

  环形数组通过模运算在逻辑上将线性数组首尾相连，利用start和end指针实现O(1)时间内的头尾增删。虽不改变数组本质，却大幅提升操作效率，常用于队列等场景。
• 12.18 15:27:32
  发表了文章 2025-12-18 15:27:32

  用链表实现队列/栈

  本文介绍如何用链表实现栈和队列，利用双链表头尾操作均为O(1)的特性，高效实现栈（push/pop）和队列（入队/出队）。代码简洁，逻辑清晰，适用于理解基础数据结构的底层实现。
• 12.18 15:16:15
  发表了文章 2025-12-18 15:16:15

  队列/栈基本原理

  本文介绍队列和栈的基本原理。二者均为“操作受限”的数据结构：队列遵循先进先出（FIFO），仅能在队尾入队、队头出队；栈遵循先进后出（FILO），只允许在栈顶进行插入和删除操作。底层多由数组或链表实现，核心API包括push、pop、peek和size，时间复杂度均为O(1)。
• 12.18 14:16:24
  发表了文章 2025-12-18 14:16:24

  Chap01. 认识AI

  本文介绍AI核心概念与大模型开发原理，涵盖人工智能发展历程及Transformer神经网络的关键作用。通过注意力机制，Transformer实现对文本、图像、音频的高效处理，成为GPT等大模型的基础。大语言模型（LLM）利用其持续生成能力，逐字预测输出，实现连贯对话。