- 博客(16)
- 收藏
- 关注
RSS订阅原创 WebSocket指南：从原理到生产环境实战！
**WebSocket 从入门到精通：一份解决实际开发痛点的完整指南。本文不仅详解协议原理和基础API，更聚焦生产环境实战，涵盖自动重连、心跳检测等稳定性方案，深入剖析Nginx配置陷阱与优化策略。通过在线代码评测系统案例，提供开箱即用的代码片段，帮助你构建稳定可靠的实时通信应用。**
2025-11-13 09:30:00
837
原创 Node.js后端学习笔记：Express+MySQL
手动模拟一个类似于这样的中间件，来解析POST 提交到服务器的表单数据（封装成模块）// custom-body-parser.js 模块const qs = require('querystring') // Node的内置模块，parse方法用于解析字符串为对象格式// 监听req的data事件（客服端发送数据就会触发，客户端可能会分割发送，data会多次触发，需拼接数据）})// 请求体发送完毕会触发req的end事件。
2025-09-21 12:54:31
904
1
原创 [ 前端JavaScript ]：RequestAnimationFrame（请求动画帧）究竟有多香？
本文介绍了JavaScript中的requestAnimationFrame方法及其应用场景。该API会在浏览器下一次重绘前执行回调函数，常用于制作流畅动画效果。相比setTimeout，它能自动匹配屏幕刷新率（通常60Hz），避免掉帧问题，且在页面隐藏时会暂停执行以节省资源。文章详细讲解了其工作原理：回调函数属于宏任务，但比setTimeout更贴合浏览器渲染节奏；通过递归调用可实现动画循环；返回值ID可用于取消执行。文中还提供了代码示例，展示了如何用该方法实现元素移动动画。此外，该方法也适用于函数节流和
2025-08-12 17:48:16
1221
原创 [ 前端JavaScript的事件流机制 ] - 捕获、冒泡及委托
本文是撰写的内容是对于JavaScript事件流机制的解析，详细阐述了包括事件捕获、冒泡以及事件委托在内的事件流重点内容，不论是对于要为面试做准备还是想要深入的复习一下JS的知识的小伙伴，希望这篇文章都能帮助到你！
2025-08-12 14:04:25
1216
原创 [ 前端性能优化 - 图片压缩 ] WebP格式的的图片性能到底有多优秀？
本文主要目的是向各位前端开发者介绍当前市面上比较新的图片格式WebP，文章先从介绍WebP在前端开发过程的优势出发（一、二部分），讲述了前端可以使用WebP格式图像的场景（第三部分），然后进一步介绍具体怎么转换/使用WebP格式的图像（第四部分），同时也补充了如何从0使用WebP格式转换工具cwebp（第五部分）以及几种常见图像格式的特性区别（第六部分）
2025-07-23 16:14:56
2127
原创 【超详细简单】从基础文件上传到大文件并发控制分片上传、断点续传
本文详细介绍了文件上传的多种实现方式。首先讲解基础的单文件上传方法，包括原生Form表单、XMLHttpRequest、Fetch和Axios四种请求技术的差异化实现。然后重点阐述了大文件分片上传和并发控制的解决方案，通过将文件切分为小块并并行上传，有效提升了传输效率和稳定性。最后介绍了断点续传功能的实现原理，通过识别已上传分片来避免重复传输。文章提供了完整的前端代码示例，帮助开发者根据实际需求选择适合的上传方案，从简单场景到复杂的大文件传输需求都能找到对应的实现方法。
2025-05-26 22:29:24
1252
原创 [ Vue2/3 - 响应式原理实现 ] Object.defineProperty()和Proxy到底有什么区别呀？
Vue2使用Object.defineProperty()实现响应式系统，通过为对象属性定义getter和setter来拦截访问和修改操作。然而，这种方法存在局限性，如无法动态拦截新增或删除的属性，且对数组变化的监听不完善，性能开销较大。Vue3则升级为使用Proxy，它能够拦截几乎所有对象操作，包括动态新增和删除属性，且通过一个代理对象统一处理，减少了性能开销。Proxy的引入使Vue3的响应式系统更加灵活和高效，解决了Vue2中的诸多限制，提供了更强大的动态数据监听能力。
2025-05-21 21:29:44
1136
原创 【性能优化】async和defer关键字的区别
本文简单的介绍了一下JS异步加载种async和defer的区别，从中也提到了同步加载和异步加载的区别。
2025-05-17 18:24:18
1852
原创 Vue 3 完全指南：从响应式原理到最佳实践
本文基于 Vue 3 官方文档，结合实战经验，系统梳理了 Vue 3 的核心知识点，包括：响应式系统：ref、reactive 的底层原理，以及如何避免响应式丢失Composition API：对比 Options API，如何优雅组织逻辑组件优化：<script setup> 语法、异步组件、动态组件状态管理：Pinia 的使用技巧和响应式陷阱性能优化：Tree-Shaking 机制、编译时优化、虚拟 DOM 差异比对
2025-05-17 15:31:28
1530
原创 Vue2至Vue3生命周期详解
本文详细介绍了Vue2和Vue3的生命周期钩子函数及其执行时机，并提供了常见的面试题。Vue2的生命周期包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed，分别对应实例初始化、数据观测、模板编译、挂载、更新和销毁等阶段。Vue3的生命周期钩子函数名称有所变化，如beforeMount变为onBeforeMount，mounted变为onMounted，并且setup函数替代了befor
2025-05-14 20:17:48
1006
原创 JavaScript文档总结篇
JavaScript 作为现代 Web 开发的基石语言，经历了从简单的脚本语言到全栈开发语言的华丽蜕变。本文将带您深入 JavaScript 的每一个核心角落，从基础语法到高级特性，从浏览器端到服务器端，从历史演进到未来趋势，为您呈现一幅完整的 JavaScript 知识图谱。
2025-05-13 20:20:13
1266
原创 前端请求进化史 -- 对比XHR、AJAX、Fetch、Axios
本文系统梳理了前端请求技术的演进历程，涵盖XHR、Fetch API、Axios、Server Action等内容，揭示了每一次技术跃迁背后的核心驱动力
2025-05-05 23:20:04
1395
原创 深入浏览器渲染机制，掌握前端性能优化核心！
本文深入解析浏览器渲染页面的完整流程，从HTML解析到最终像素合成，系统介绍关键渲染阶段及其性能优化策略。
2025-04-19 21:39:36
1200
1
原创 深入理解 JavaScript Promise：从入门到精通
Promise 是 JavaScript 异步编程的核心，它通过更优雅的方式替代回调函数，解决了“回调地狱”问题，使代码更易读、更易维护。本文将系统性地介绍 Promise 的核心概念和实际应用，帮助开发者彻底掌握异步编程的关键技术。
2025-04-16 09:15:00
895
原创 如何系统性的理解JS的事件循环和异步机制？
浏览器的事件循环并非简单地“执行任务 → 渲染”，而是按特定时间阶段顺序处理任务，渲染只是其中的一个。浏览器会在每一轮事件循环中检查是否需要渲染，以及按照什么顺序执行程序才能解决JS单线程的弊端
2025-04-13 20:49:34
1500
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人