- 博客(255)
 - 收藏
 - 关注
 
原创 java Spring(IOC、AOP)学习路线记录
本文系统介绍了Spring框架的核心概念IOC和AOP,并提供了学习路径建议。IOC通过容器管理对象创建和依赖注入,实现松耦合;AOP则将横切关注点(如日志、事务)模块化。推荐结合官方文档、《Spring实战》和视频教程学习,建议从基础配置开始,逐步深入理解原理和代理机制,最终过渡到SpringBoot。文章还列举了常见面试题作为学习检验,强调理解思想重于机械使用。掌握这些核心概念将为后续学习Spring生态打下坚实基础。
          2025-10-14 08:30:00
          
978
        
原创 Node.js crypto模块所有 API 详解 + 常用 API + 使用场景
Node.js的crypto模块提供了丰富的加密功能,主要包括:哈希(createHash)、HMAC签名(createHmac)、对称加密(createCipheriv/createDecipheriv)、非对称加密(generateKeyPairSync)、数字签名(createSign/createVerify)、密钥派生(scrypt/pbkdf2)、安全随机数(randomBytes)和密钥交换(createDiffieHellman)等。这些API适用于密码存储、数据校验、API鉴权、敏感信息加
          2025-10-13 16:11:07
          
320
        
原创 Node.js zlib模块所有 API 详解 + 常用 API + 使用场景
Node.js的zlib模块提供了数据压缩/解压功能,支持gzip、deflate和brotli算法。主要包含同步/异步API和流式处理三种方式:异步API(推荐)如zlib.gzip(),同步API如zlib.gzipSync(),以及处理大文件的流式API如createGzip()。常用场景包括HTTP响应压缩、日志归档和Web资源优化,使用时需注意异步优先、合理选择压缩算法(如gzip兼容性好,brotli压缩率高)以及平衡压缩等级与性能。模块还提供多种配置选项和常量参数,适用于不同压缩需求。
          2025-10-13 16:10:54
          
379
        
原创 Node.js process 对象详解
本文详细介绍了Node.js中process对象的核心功能与应用场景。主要内容包括:1) process对象概述,展示其作为全局对象获取进程信息的能力;2) 进程监控方法,涵盖内存、CPU使用情况及运行时间统计;3) 进程控制技术,包括优雅退出、环境变量管理和信号处理;4) 输入输出与进程通信机制;5) 错误处理与调试技巧。文章通过代码示例演示了如何利用process对象实现进程管理、性能监控和错误诊断等功能,为Node.js开发者提供了全面的进程操作指南。
          2025-10-13 16:10:42
          
207
        
原创 Node.js events模块所有 API 详解 + 常用 API + 使用场景
Node.js的events模块实现了事件驱动机制,通过EventEmitter类提供发布/订阅模式。主要API包括on/once注册事件监听、emit触发事件、off移除监听等。核心功能包括:1)支持同步/异步事件处理;2)实现模块间解耦通信;3)作为流、网络等核心模块的基础。典型应用场景包括异步回调替代、错误处理、消息总线等,使用时需注意error事件处理和监听器数量限制。该模块是Node.js异步编程的重要基础。
          2025-10-13 16:10:30
          
624
        
原创 Node.js stream模块所有 API 详解 + 常用 API
Node.js的stream模块是处理流式数据的核心工具,提供了高效的大文件处理能力。文章详细介绍了四大流类型(可读、可写、双工和转换流)及其核心API,包括创建、读写、转换和管道传输等操作。重点讲解了pipeline、finished等实用方法,并给出文件复制、压缩、HTTP传输等典型应用场景。最后提供了速查表,涵盖流类型、创建方法、操作工具和常用属性,建议使用pipeline进行安全流组合,Transform处理数据转换,以及PassThrough进行调试。
          2025-10-13 10:03:39
          
1321
        
原创 Node.js path模块所有 API 详解 + 常用 API 解析
Node.js path模块核心功能与常用API解析 path模块是Node.js核心模块,用于统一处理不同操作系统的路径差异。主要功能包括路径解析、拼接、标准化、提取路径信息等。核心API包括: basename/dirname/extname - 获取路径各组成部分 join/resolve - 路径拼接与绝对路径解析 normalize - 标准化路径格式 parse/format - 路径对象转换 isAbsolute/relative - 路径判断与关系计算 sep/delimiter - 跨平台
          2025-10-13 10:03:18
          
787
        
原创 Node.js 事件循环(Event Loop)
Node.js事件循环机制解析与应用实践 摘要:Node.js通过事件循环机制实现单线程高并发处理能力。事件循环包含六个核心阶段:timers、pending callbacks、idle/prepare、poll、check和close callbacks,各阶段依次执行特定任务。合理利用setImmediate、process.nextTick等API可实现高效任务调度。本文详细解析了事件循环原理,并提供了Web服务器、批量数据处理等典型应用场景的实现方案,同时给出避免阻塞、任务优先级管理、性能监控等优
          2025-10-13 10:02:57
          
261
        
原创 Node.js setImmediate
本文介绍了Node.js中setImmediate的用法与最佳实践。setImmediate是Node.js提供的定时器函数,将回调推迟到事件循环的check阶段执行,与setTimeout(0)的执行顺序可能交替出现,但在I/O回调中setImmediate总是先执行。相比于process.nextTick,它属于事件循环的不同阶段。文章展示了setImmediate在分解CPU密集型任务、避免I/O阻塞和批量操作优化等场景的应用,并提供了Promise封装、递归任务调度等高级用法。最后给出了避免内存泄漏
          2025-10-13 10:02:44
          
184
        
原创 Nodejs实现文件加密解密功能
本文介绍了一个基于Node.js的文件夹加密/解密工具,采用AES-256-GCM算法保护文件安全。主要功能包括:1) 递归加密文件夹内容,使用文件序号重命名并生成加密映射清单;2) 通过密码和盐值生成加密密钥;3) 解密时恢复原始文件名结构。该工具通过PBKDF2密钥派生增强安全性,支持文件夹级操作,并包含错误处理机制。使用说明包含交互式命令行界面,可指定源/目标路径,验证密码一致性,并提示覆盖确认。加密后的文件包含盐值、IV和认证标签等必要元数据,确保解密可靠性。
          2025-10-10 11:15:56
          
201
        
原创 Node.js http 模块所有 API 详解 + 常用 API 解析
本文详细介绍了Node.js中http模块的核心功能和使用方法。主要内容包括:1)服务器端API,通过http.createServer()创建HTTP服务器,处理请求和发送响应;2)客户端API,使用http.request()和http.get()发送HTTP请求;3)请求和响应对象的结构与使用方法;4)常见实战场景示例,如创建服务器、发送POST请求和处理跨域请求。文章强调http模块是Node.js构建HTTP应用的基础,核心能力涵盖服务器创建、请求处理和响应发送,请求体和响应体都以流形式处理。适合
          2025-10-09 08:43:58
          
1008
        
原创 Node.js http 模块中设置超时的 API
本文介绍了Node.js中HTTP超时控制的两种场景:服务器端连接超时和客户端请求超时。服务器端通过server.setTimeout()设置连接超时时间,超时后需手动关闭连接;客户端使用req.setTimeout()设置请求超时,超时后需终止请求。文章提供了具体实现代码示例,包括服务器端3秒连接超时、客户端4秒请求超时设置,以及按请求类型动态调整超时时间的实践方案。最后强调超时后必须正确处理资源释放,并建议根据业务场景设置合理的超时阈值。
          2025-10-08 09:00:00
          
1412
        
原创 Node.js fs 模块所有 API 详解 + 常用 API 解析
本文详细介绍了Node.js中的fs文件系统模块,主要包含以下内容:1.模块概述,说明其异步/同步/Promise三种API形式;2.分类详解文件读写、文件信息、目录操作等核心功能,对比不同方法的适用场景;3.重点讲解文件流操作(createReadStream/createWriteStream)处理大文件的优势;4.介绍文件监控、文件系统信息获取等高级功能;5.总结常用API选择建议,如小文件用readFile、大文件用流、监控用watch等。全文通过代码示例展示了各类API的具体使用方法,并给出不同场
          2025-10-07 08:30:00
          
859
        
原创 中级前端进阶方向 框架篇 三十五) 【完结】往期目录速览
这篇文章系统梳理了中级前端进阶的学习路径,分为JavaScript核心、CSS、框架和延伸扩展四大模块。JavaScript部分涵盖微任务/宏任务、事件循环、原型链等基础概念,以及Proxy、Generator等高级特性;CSS模块聚焦Flex/Grid布局、响应式设计等新特性;框架篇深入Vue3响应式、Virtual DOM等原理,并对比Webpack/Vite等工具;延伸扩展补充了Promise、CSS单位等实用知识点。每个知识点都配有源码案例和可视化演示,形成了一套完整的前端进阶体系。
          2025-10-06 06:00:00
          
540
        
原创 中级前端进阶方向 框架篇 三十四) 前端自动化测试 + 【步骤落地 + 了解】
本文介绍了前端自动化测试的核心概念与实践方法。主要内容包括:1. 为什么需要自动化测试:解决手动测试耗时、遗漏和回归困难的问题;2. 测试金字塔模型:单元测试、集成测试和端到端测试的分层策略;3. 主流工具链:Jest、Vitest、Testing Library、Cypress等;4. 全流程实践:从开发、提交到CI/CD的完整测试方案;5. 最佳实践:编写高质量测试的原则和度量标准。文章强调自动化测试是渐进式过程,建议团队从基础单元测试开始,逐步构建完整的质量保障体系。
          2025-10-05 08:30:00
          
899
        
原创 中级前端进阶方向 框架篇 三十三) SourceMap、打包优化.Webpack vs Vite 打包优化对比
本文系统介绍了前端工程化中的两项关键技术:SourceMap和打包优化。SourceMap作为调试工具,通过映射转换代码与原始代码的关系提升开发体验,详细解析了其工作原理、生成方法和不同环境下的配置策略。打包优化方面,从分析工具、压缩技术、代码拆分、缓存策略等多维度展开,对比了Webpack和Vite在构建速度、热更新等方面的差异,并给出优化建议。文章强调工程化需要在调试便利性与生产环境性能间取得平衡,为开发者提供了从理论到实践的完整指南。
          2025-10-04 08:00:00
          
614
        
原创 中级前端进阶方向 框架篇 三十二) 详解前端 Tree Shaking、Code Splitting、懒加载
本文介绍了前端性能优化的三大核心技术:TreeShaking、CodeSplitting和懒加载。TreeShaking通过静态分析移除未使用的代码,减少打包体积;CodeSplitting将代码拆分成多个bundle,提升首屏加载速度;懒加载实现按需加载资源,优化用户体验。三者相辅相成:TreeShaking精简代码,CodeSplitting合理分包,懒加载运行时按需请求。文章还详细说明了各项技术的原理、使用场景和注意事项,并指出它们需要结合ESModule、动态import等技术实现最佳效果。这些优化
          2025-10-03 08:45:00
          
850
        
原创 《中级前端进阶方向 框架篇 三十一) Webpack、Vite、Rollup、esbuild 的原理和对比
本文对比分析了四大前端构建工具的核心原理与适用场景:Webpack基于模块依赖图打包,功能全面但速度较慢,适合复杂项目;Vite利用原生ESM实现极速开发体验,搭配Rollup生产构建,适合现代框架项目;Rollup以Tree-shaking著称,输出精简代码,是库开发首选;esbuild凭借Go语言实现极致速度,多用于底层工具链。选择建议:Webpack适合企业级应用,Vite适合追求开发体验,Rollup适合库开发,esbuild适合速度优先场景。趋势上,Vite代表当下最优解,esbuild展示未来性
          2025-10-02 09:37:37
          
693
        
原创 中级前端进阶方向 框架篇第三十步) Webpack 学习全景路线图
本文系统介绍了Webpack的学习路径:第一阶段掌握核心概念(Entry、Output、Loaders、Plugins、Mode),通过工厂流水线比喻形象解释其工作原理;第二阶段进行基础配置实践,包括初始化项目、编写最小配置和打包;第三阶段进阶优化,涉及开发环境热更新、生产环境代码分割和缓存策略。文章推荐使用Webpack官方分析工具和Bundle Analyzer进行可视化分析,强调理解"一切皆模块"的核心思想,建议采取渐进式学习策略,先掌握基础再逐步深入高级功能。附有详细的学习资源推
          2025-09-30 08:00:00
          
734
        
原创 中级前端进阶方向 框架篇第二十九步) 前端设计模式分析
本文介绍了前端开发中常用的设计模式及其应用场景。文章将设计模式分为三大类:传统设计模式在前端的应用(如单例模式、观察者模式、工厂模式)、前端特有设计模式(如组件模式、高阶组件、Hook模式)和现代框架/架构模式(如Flux架构)。每种模式都配有实现示例和典型应用场景分析,如Redux的Store采用单例模式、表单验证使用策略模式等。文章还提供了可视化演示界面,帮助开发者理解不同模式的实现方式。最后给出了选择设计模式的建议:先识别问题,再匹配模式,保持简单原则。
          2025-09-29 08:00:00
          
863
        
原创 中级前端进阶方向 框架篇第二十八步) 组件抽象设计、Hooks / Composables
本文探讨了前端组件抽象的必要性与实现方案。早期组件存在逻辑冗余、巨型组件、逻辑与UI耦合等问题,解决方案是采用Hooks/Composables实现逻辑关注点分离。文章对比了React Hooks和Vue Composables的核心思想、实现方式和优缺点,并通过鼠标跟踪和计数器示例展示了如何按功能组织代码。最后总结了最佳实践:单一职责、清晰命名、包含清理逻辑等。Hooks和Composables都以声明式、可组合的方式解决了状态逻辑复用问题,选择取决于技术栈偏好。
          2025-09-28 08:00:00
          
542
        
原创 中级前端进阶方向 框架篇第二十七步) 路由原理,手动实现Hash 模式和History 模式 (推荐)路由;附源代码
本文介绍了前端路由的核心概念与实现原理。主要对比了Hash模式和History模式两种前端路由方案:Hash模式利用URL的hash部分实现路由切换,兼容性好但URL不够美观;History模式基于HTML5 History API,URL更简洁但需要服务器支持。文章详细阐述了两种模式的工作原理、优缺点比较,并提供了代码实现示例。同时介绍了现代路由库(VueRouter/ReactRouter)的高级功能,如动态路由、嵌套路由、路由守卫等。最后给出选型建议:推荐新项目优先使用History模式,并针对不同框
          2025-09-27 08:00:00
          
1062
        
原创 中级前端进阶方向 框架篇第二十六步) 状态管理(Vuex/Pinia、Redux/Recoil/Zustand)
前端状态管理方案对比与选型指南 本文系统梳理了主流前端状态管理方案,分析了Vue和React生态下的核心工具。Vue方面对比了Vuex和Pinia,React方面详解了Redux、Recoil和Zustand,从复杂度、约束性、TS支持等维度进行横向对比。建议Vue3新项目首选Pinia,React项目根据规模选择Zustand(轻量)或Redux Toolkit(复杂),强调"没有最佳方案,只有最适合方案"的选型理念,并提供了具体场景下的技术选型建议。
          2025-09-26 08:00:00
          
953
        
原创 中级前端进阶方向 框架篇第二十五步) 异步编程
摘要:本文系统梳理了JavaScript异步编程的发展历程,从最初的回调函数到Promise,再到Async/Await。重点分析了三种方案的特点:回调函数易导致"回调地狱";Promise通过链式调用改善了可读性;Async/Await使异步代码具有同步风格。文章还介绍了事件循环、微/宏任务等核心概念,并提供了Promise.all等工具方法的使用示例。最佳实践推荐优先使用Async/Await,强调错误捕获的重要性,为前端开发者提供了全面的异步编程指南。
          2025-09-25 08:30:00
          
1059
        
原创 中级前端进阶方向 框架篇第二十四步) 并行(Parallelism)
并发和并行是计算机处理多任务的核心概念。并发指系统处理多个任务的能力,任务在时间上重叠但不一定同时执行,如JavaScript事件循环;并行则强调同时执行多个任务,依赖多核CPU等计算资源。前端开发中,Web Worker是实现并行计算的关键技术,它允许在后台线程运行脚本,与主线程并行工作,适合处理CPU密集型任务而不阻塞UI。现代浏览器还提供SharedArrayBuffer和Atomics等高级API支持共享内存并行。此外,HTTP/2/3协议和GPU加速也能提升网络和图形处理的并行效率。开发者应根据任
          2025-09-24 08:00:00
          
1107
        
原创 NodeJs需要往那个方向进阶了解一下
Node.js进阶学习路径主要分为三个方向:1)应用开发方向,掌握Web框架、数据库、API设计等工程化能力;2)高性能服务方向,深入并发优化、缓存、微服务等架构设计;3)底层原理方向,研究V8引擎、libuv、Serverless等核心机制。关键学习内容包括核心模块、异步编程、数据库交互、性能优化、分布式架构等,建议通过即时通讯、电商后端等实战项目巩固技能。不同阶段可选择全栈开发、高性能后端或架构研究等职业发展路线。
          2025-09-23 09:15:00
          
1138
        
原创 【Webpack连载三】webpack动手实践与配置 “纸上得来终觉浅,绝知此事要躬行”实操
本文介绍了使用webpack进行前端项目初始化的完整流程。主要包括:创建项目目录、初始化npm、安装webpack核心依赖(webpack和webpack-cli)、配置loader和插件(style-loader、css-loader、html-webpack-plugin)、编写webpack.config.js配置文件(设置入口、输出、加载规则等)、创建测试文件、添加构建命令并运行打包。最终生成dist目录包含打包后的文件,验证了webpack的基本功能。文章还提到随着项目复杂度增加,webpack的
          2025-09-23 09:01:14
          
290
        
原创 中级前端进阶方向 框架篇第二十三步) 并发(Concurrency)
前端并发模式是在单线程环境下,通过调度策略和异步编程技术提升应用性能的实践方法。文章系统介绍了并发基础(事件循环、WebWorker等)、常见模式(并发请求、限流、节流等)及实现示例(Promise.all、AbortController等),并着重分析了React的并发特性。同时指出网络优化要点和常见陷阱(竞态条件、内存泄漏等),最后给出实战建议:关键路径高优先级、控制并发数、大任务拆分等。通过合理运用这些技术,可以在不阻塞UI的情况下最大化资源利用率。
          2025-09-23 08:00:00
          
1936
        
原创 HTML 中高级面试题(50+ 全面版)
HTML中高级面试题精华摘要 本文整理了55道HTML中高级面试题,涵盖核心知识点: 语义化与DOM:标签语义化(如<section>与<div>区别)、块级/行内元素特性、全局属性(如alt与title差异) 表单与多媒体:HTML5新增表单类型(email/date)、校验方式、<canvas>与<svg>应用场景 性能优化:减少回流重绘、图片懒加载、defer/async脚本加载策略、CDN与资源压缩 HTML5特性:本地存储(localStorage/
          2025-09-22 14:24:59
          
655
        
原创 中级前端进阶方向 框架篇第二十二步) React Fiber 架构
React Fiber 架构解析 Fiber是React的核心重构,旨在解决传统栈式协调器无法中断渲染的问题。其核心设计包括:1)将渲染拆分为可中断/恢复的工作单元;2)引入优先级调度(Lanes系统);3)采用双缓冲机制(current/workInProgress树)。工作流程分为可中断的渲染阶段(构建Fiber树和effect list)和不可中断的提交阶段(DOM操作和副作用执行)。Fiber节点包含关键字段如alternate、flags等,支持状态保留和恢复。该架构使React实现了并发渲染、增
          2025-09-22 08:30:00
          
1224
        
原创 中级前端进阶方向 框架篇第二十一步) Diff算法,可视化演示
Diff算法是前端框架中用于高效比较虚拟DOM差异的核心技术。它通过同级比较和key值优化,识别节点增删改等变化,生成最小变更集来更新真实DOM。文章详细解析了Diff算法的核心原理:1)同级比较避免跨层级追踪;2)key值优化精确识别节点变化;3)类型差异处理直接替换不同类型节点;4)批量更新减少重绘。还对比了React和Vue3的Diff策略差异,提供了可视化演示和代码实现,帮助理解其O(nlogn)复杂度的工作机制。文章强调正确使用稳定key值的重要性,并总结了常见陷阱和最佳实践。
          2025-09-21 08:00:00
          
953
        
原创 中级前端进阶方向 框架篇第二十步) Virtual DOM,可视化演示
本文系统介绍了前端中级进阶学习路径,重点解析了VirtualDOM(虚拟DOM)技术。文章首先规划了前端进阶的16个步骤,涵盖JavaScript核心机制、CSS3新特性和框架原理等方向。核心部分深入讲解了VirtualDOM的概念、工作原理、性能优势及实现流程,包括构建虚拟节点、Diff算法和打补丁三大环节。通过代码示例演示了简易VirtualDOM实现,对比了React/Vue的差异,并提供了优化建议和常见误区。最后附有可视化演示界面源码,帮助开发者直观理解VirtualDOM的运作机制。文章强调Vir
          2025-09-20 08:00:00
          
812
        
原创 js循环并返回一个新数组
JavaScript中循环处理数组并返回新数组的常用方法:1.map()最推荐,简洁且不改变原数组;2.for循环+push提供更灵活控制;3.for...of写法更简洁;4.reduce()适合需要累积处理的场景;5.Array.from()可快速生成新数组。根据需求选择:简单转换用map(),复杂逻辑用for循环,函数式编程倾向reduce(),快速生成选Array.from()。
          2025-09-19 10:05:40
          
224
        
原创 中级前端进阶方向 框架篇第十九步) Vue3 响应式原理(Proxy vs Object.defineProperty),可视化演示界面
本文对比了Vue2和Vue3响应式系统的实现原理。Vue2基于Object.defineProperty,存在无法检测属性添加/删除、数组操作受限等缺点。Vue3采用Proxy方案,能拦截更多操作,支持属性增删、数组索引修改等,性能更优且不需要特殊API。通过代码示例和可视化演示,展示了Proxy在响应式能力上的全面优势,包括惰性代理、ES6数据结构支持等特性。文章总结了Vue3响应式系统的改进,表明其解决了Vue2的多个痛点,构建了更强大的响应式机制。
          2025-09-19 08:00:00
          
880
        
原创 HTTP 请求方法总结与对比
摘要:本文系统介绍了9种HTTP请求方法(GET/POST/PUT/PATCH/DELETE/HEAD/OPTIONS/CONNECT/TRACE),通过对比表清晰展示其语义、幂等性、安全性、缓存支持等核心特性。重点解析了RESTful API常用方法(GET查数据、POST新增、PUT全量更新、PATCH部分更新、DELETE删除)的适用场景,指出TRACE和CONNECT因安全风险应避免使用。全文以技术规范结合实践案例,帮助开发者正确选择请求方法。(150字)
          2025-09-18 11:12:52
          
907
        
原创 中级前端进阶方向 框架篇第十八步) javascript proxy技术点,加可视化演示
JavaScript Proxy 详解摘要 Proxy是ES6引入的强大特性,通过"代理"方式拦截对象的各种操作(读写、删除、遍历等),并允许自定义行为。核心要点: 基本用法:通过new Proxy(target, handler)创建代理,handler定义各种trap方法(如get/set)拦截操作 配套Reflect:推荐在trap中使用Reflect.*方法保持语义一致性 实际应用场景: 属性访问日志跟踪 数据验证(类型/范围检查) 支持负索引的数组 惰性代理(按需包装嵌套对象)
          2025-09-18 08:30:00
          
1008
        
原创 中级前端进阶 第十七步) 深入CSS 性能优化,附源码,可视化演示等
梳理了前端开发的核心进阶路径,分为JavaScript、CSS和延伸扩展三大部分。JavaScript部分重点讲解了事件循环、原型链、闭包、Proxy、Generator等高级特性;CSS部分深入解析了Flex/Grid布局、响应式设计、动画优化等;延伸扩展部分涵盖了性能优化、私有状态等实用技巧。文章特别强调了浏览器性能优化策略,包括减少重排/重绘、合理使用合成层、批量DOM操作等,并提供了详细的优化清单和工具推荐。通过清晰的进阶路线和丰富的案例源码,为中级前端开发者提供了全
          2025-09-17 08:30:00
          
1140
        
原创 中级前端进阶 第十六步) 深入CSS 动画,附源码,可视化演示等
这篇文章详细介绍了中级前端进阶的完整学习路径,涵盖JavaScript核心机制、CSS3新特性和浏览器性能优化等关键领域。JavaScript部分从事件循环、原型链到异步编程特性(Promise/Async)进行系统讲解;CSS部分重点解析了Flex/Grid布局、响应式设计和动画实现技巧,包括性能优化和可访问性实践。文章还提供了丰富的交互式代码演示,帮助开发者直观理解动画原理(如淡入淡出、弹跳效果等)和CSS控制方法。整体构建了一个从基础到进阶的渐进式前端技术体系,强调理论结合实践的深度学习方式。
          2025-09-16 08:30:00
          
942
        
原创 中级前端进阶方向 延伸扩展四) async/await 和事件循环的关系
async/await是基于Promise的语法糖,以同步风格编写异步代码,底层仍依赖事件循环机制。事件循环通过调用栈和任务队列管理异步任务执行顺序。当遇到await时,async函数会暂停并让出线程控制权,待Promise解决后通过微任务队列恢复执行。这种协作既保持了代码可读性,又遵循了非阻塞的异步模型,实现了开发者友好性与运行时效率的结合。
          2025-09-16 08:30:00
          
670
        
原创 中级前端进阶方向 延伸扩展五) CSS | GPU 加速、will-change
CSS GPU加速通过将元素提升为合成层,利用GPU处理图形渲染,提升动画性能。关键属性包括transform、opacity、will-change和filter,能减少重绘回流,实现60FPS流畅动画。但过度使用会增加内存消耗,应合理控制。will-change是推荐的优化方式,可预先告知浏览器属性变化,但需适时移除以避免资源浪费。最佳实践是优先使用transform和opacity动画,必要时配合will-change进行针对性优化。
          2025-09-16 08:30:00
          
768
        
Java 基础阶段 实战项目 学生成绩管理系统(控制台版)
2025-08-13
前端开发闲余时间都在做什么,我感觉自己又行了;有什么棒子能打倒我这个想法吗
2025-08-01
谷歌浏览器有没有类似于点读机插件或者功能
2025-07-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅