自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 3D饼图​

如果有好的方法,欢迎评论区留下链接。完整代码实例:(根据需要自行调整)

2025-06-09 17:18:00 217

原创 1.3D柱状

立体图形从一个方向只能看到三个面,于是我们通过echarts图表实现 顶部,明面,和暗面。

2025-06-09 17:15:37 173

原创 项目打包失败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关注的人

提示
确定要删除当前文章?
取消 删除