- 博客(12)
- 收藏
- 关注
原创 AMD模块详解
AMD(Asynchronous Module Definition)异步模块定义规范主要解决浏览器端模块化开发的特殊需求。浏览器环境优先:AMD专为浏览器设计,采用异步加载方式,避免同步加载导致的页面阻塞问题。依赖管理明确:通过前置声明依赖关系,确保模块按正确顺序加载执行。大型Web应用:适合模块数量多、依赖关系复杂的单页应用(SPA)开发。核心API设计:模块定义机制:异步加载流程:依赖注入实现:对于现代前端项目,建议优先选择ES Module规范,它既能获得原生浏览器支持,
2025-11-27 08:19:00
236
原创 前端工程构建解释及底层原理
前端工程构建是现代前端开发的核心环节,它负责将开发阶段编写的源代码(如ES6+ JavaScript、TypeScript、Sass/Less、Vue/React组件等)转换、优化、组合成能在浏览器中高效运行的生产环境代码。
2025-11-26 10:56:29
258
原创 前端工程编译概念及底层原理
前端工程编译是现代Web开发的核心环节,它负责将开发者编写的高级代码(如ES6+、TypeScript、JSX等)转换为浏览器能够理解和执行的兼容性代码。
2025-11-25 10:47:13
297
原创 前端工程化的概念及底层原理
前端工程化是通过系统化的方法论和自动化工具,将软件工程思想应用到前端开发中,旨在提升开发效率、保障代码质量、优化应用性能的系统性解决方案。
2025-11-25 10:18:32
380
原创 express socket.io 搭建websocket多人聊天室代码实战
WebSocket核心技术解析与实战应用 摘要:WebSocket通过协议升级机制(HTTP 101)建立持久化全双工连接,解决了HTTP轮询的带宽浪费问题。其核心特性包括:二进制帧传输(含FIN位/Opcode/Mask)、服务端主动推送、心跳保活机制。安全方面采用wss加密和同源策略。实战演示了基于Express+Socket.IO的聊天室实现,包含用户管理、消息广播和断线重连功能。相比传统HTTP,WebSocket在实时聊天、金融推送等场景可实现毫秒级延迟,并通过socket.io等库提供优雅降级方
2025-07-04 16:04:07
989
原创 JS中webworker的作用与实操示例
为什么要启用worker,因为js主线程是单线程,js执行与页面渲染全在主线程上执行,js同步代码执行过长会导致渲染阻塞,导致页面卡顿,如果把上面的运算逻辑放在主线程中执行(也就是fiberWithout.js这种写法),那么会导致页面有2000多ms的渲染阻塞,导致页面卡顿,造成页面渲染不及时以及用户交互得不到及时响应。console.log('主线程同步计算的耗时毫秒数:::', (Date.now() - startTime));// 基线条件:fib(0)=0, fib(1)=1。
2025-07-03 21:20:49
1276
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅