- 博客(13)
- 收藏
- 关注
RSS订阅原创 前端性能优化
好的，前端性能优化是一个系统性的工程，涵盖从加载、渲染到运行时交互的方方面面。下面我将从核心思路、具体优化手段 和工具三个维度，为你梳理一份全面且结构化的前端性能优化指南。• 避免长任务 (Long Tasks)：单个JS任务执行时间过长（通常 > 50ms）会阻塞主线程，导致页面卡顿。• 优化关键渲染路径 (Critical Rendering Path)• 防抖 (Debounce) 和节流 (Throttle)• 减少重排 (Reflow) 和重绘 (Repaint)
2025-09-24 16:03:14
242
原创 记一下promise
本文系统讲解了Promise的核心概念与应用场景。首先阐述了Promise的三种状态（pending、fulfilled、rejected）及其转换机制，通过外卖示例说明异步任务的封装原理。重点解析了then/catch的订阅机制和链式调用特性，并给出执行顺序、错误处理等典型考题。 文章包含完整的手写Promise实现代码，涵盖构造函数、状态管理、回调队列等核心功能。同时提供了Promise.all和Promise.race的手写实现方案，强调其"全成功才返回"和"竞速&quo
2025-09-16 13:43:48
414
原创 Promise的发展
Promise 是 JavaScript 中用于处理异步操作的重要机制，旨在解决传统回调函数带来的“回调地狱”问题。JavaScript 是单线程语言，异步操作（如网络请求、定时器等）非常常见。早期的异步处理依赖回调函数，但嵌套过多导致代码难以维护和调试。Promise 的引入（ES6）通过链式调用（.then()）和统一的错误处理（.catch()）改善了这一问题。进一步地，ES2017 引入的 async/await 使异步代码更接近同步风格，提升了可读性和可维护性。Promise 的出现背景源于对结构
2025-05-13 09:34:49
363
原创 JavaScript 数组操作的常用方法
本文介绍了JavaScript中常用的数组操作方法，包括数组合并和迭代器函数。concat()方法用于按顺序合并多个数组，生成新数组。迭代器函数部分详细讲解了every()、some()、forEach()、map()、filter()和reduce()的用法。every()用于验证所有元素是否满足条件，some()用于检查是否存在满足条件的元素，forEach()用于遍历数组，map()用于生成处理后的新数组，filter()用于筛选符合条件的元素，reduce()用于将数组归约为单一值。这些方法分别适用
2025-05-09 15:20:01
251
原创 从XMLHttpRequest(XHR)到async/await
本文介绍了XMLHttpRequest(XHR)的概念及其发展：XHR是浏览器内置的用于发送HTTP请求的对象，早期是Ajax技术的核心。由于XHR基于回调函数的写法复杂，后来使用Promise进行封装，使其支持链式调用和错误统一处理。axios库就是在Promise封装的基础上，进一步简化了请求过程，自动处理JSON转换、请求头等，并提供了拦截器等高级功能。从XHR到Promise再到axios的演进，体现了前端HTTP请求工具的逐步优化过程。
2025-05-09 14:59:14
337
原创 javascript中的哈希
刷算法hot100想用javascritpt，1 128 49所用的基本思想是哈希，所以这里讨论一下哈希算法JavaScript 中的哈希结构（Object 或 Map）本质上是 用于 O(1) 时间内进行键值查找、插入、删除的高效数据结构，适用于频率统计、缓存、图结构建模、数据去重等场景。
2025-04-29 20:03:31
752
原创 基于vue和websocket的项目展示
查看vue文件每次都要构建项目，但是我想实时查看不用构建，所以利用websocket写一个服务器，html中直接创建这个连接之后就可以查看内容。下面是websocket的模板，记作app.js文件。
2025-04-24 15:04:59
154
原创 websocket协议demo
同http协议一样的一种通信协议，但它是全双工通信的。也就意味着我可以传递给你，你可以传递给我(http协议是单向通信)。
2025-04-22 09:08:05
228
1原创 Java报错
1.源代码2.报错信息3.错误分析class的大括号没有吧方法isEvenNumber(int x)包括起来4.解决方案将大括号的位置更改即可
2022-01-16 17:02:43
647
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人