- 博客(6)
- 收藏
- 关注
原创 【SSE】前端vue3+ts使用SSE,EventSourcePolyfill 携带自定义请求头
SSE(Server-Sent Events)是一种基于HTTP的单向通信技术,允许服务器主动向客户端推送数据。其特点包括轻量级、实时推送、自动重连和支持跨域,适用于数据大屏、消息推送等场景。实现SSE需要创建EventSource实例建立持久连接,通过onMessage、onOpen等事件处理数据。为增强安全性,可使用event-source-polyfill在连接时携带Token头信息。文中还提供了完整的Vue封装示例,包含连接管理、错误处理和自动重连机制,并建议在组件销毁时关闭连接释放资源。
2025-08-14 15:01:38
164
原创 CSS自适应分辨率同时适用大屏 amfe-flexible 和 postcss-pxtorem(适用于 Webpack)
本文介绍了前端项目中使用webpack4.46.0和webpack-cli3.3.12配置响应式布局的方案。主要采用amfe-flexible和postcss-pxtorem两个插件:前者根据设备宽度自动调整根元素html大小(1rem=viewWidth/10),后者将px自动转换为rem。详细说明了插件安装、配置方法,以及针对1920设计稿的rem换算设置(16px=1rem)。还提供了VSCode的cssrem插件安装建议和Chrome浏览器自定义分辨率的方法,帮助开发者实现响应式布局开发。
2025-08-13 11:46:28
318
原创 项目打包失败FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out
下面的方法在使用过程中遇到了其他问题,下一篇文章记录了,推荐使用下一篇文章方法解决问题(https://www.cnblogs.com/mihoutaoguniang/p/16383098.html)关闭编辑器,再次打开编辑器,打包项目代码,成功!执行完,打包项目代码。
2024-08-16 10:01:36
483
1
原创 vite vue项目 运行时 \esbuild\esbuild.exe 缺失 错误码 errno: -4058, code: ‘ENOENT‘,
解决方案 (用node命令生成启动文件ecbuild.exe文件)node 相对模块路径 + install.js。再去执行npm run dev 就可以了。
2023-09-01 14:07:29
1133
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人