- 博客(8)
- 收藏
- 关注
原创 极简实战:React + Vue 微前端(Qiankun + Vite)
本文介绍了使用Qiankun微前端框架实现React 18主应用与Vue 3子应用集成的详细方案。主要内容包括:1)主应用配置,通过Qiankun注册子应用并设置路由;2)子应用改造,适配Qiankun生命周期并处理样式隔离;3)跨框架通信方案,使用initGlobalState实现状态共享。文章重点强调了配置一致性、资源路径处理和样式隔离等关键问题,为多技术栈共存提供了实用解决方案。
2025-07-31 17:29:15
1052
原创 Cropper.js:JS图像裁剪库
Cropper.js是一款纯JavaScript实现的轻量级图像裁剪库(仅28KB),提供丰富的裁剪功能。支持响应式设计、触摸操作、图像旋转缩放等特性,具有高度可定制的界面和API。通过简单配置即可实现固定比例裁剪、实时预览等功能,并能输出多种格式结果。该库不依赖第三方框架,支持跨平台使用,适合头像上传、图片编辑等场景。官网提供详细文档和示例,开发者可快速集成到项目中。
2025-07-28 14:51:06
550
原创 使用IndexedDB存储大文件:核心功能解析与实战指南
在现代Web应用中,经常需要处理大文件(如图片、视频、音频等)。传统的localStorage有5MB的大小限制,无法满足需求。IndexedDB作为浏览器内置的非关系型数据库,提供了近乎无限的存储空
2025-07-06 16:23:58
426
原创 PDF.js:浏览器原生PDF渲染的终极解决方案
彻底摆脱Adobe Reader等外部依赖。是由Mozilla开发的开源JavaScript库,允许在。
2025-06-22 20:17:42
779
原创 Interact.js 一个轻量级拖拽库
Interact.js是一个轻量级(约10KB)、高性能的JavaScript拖拽库,支持多点触控和现代化交互功能。核心功能包括元素拖拽、尺寸调整和放置区域管理,通过简洁API提供惯性效果、区域限制和吸附功能等高级特性。该库兼容主流浏览器,安装简单,既支持npm也提供CDN引入。实际应用场景涵盖任务看板、表单构建器、图像编辑器等领域。性能优化建议使用CSS变换、事件委托等技术,并提供实例销毁方法确保内存管理。Interact.js凭借其轻量化和高度可定制的特点,成为实现复杂交互需求的理想选择。
2025-06-15 09:56:42
899
原创 vue3+vite 打包流程参考
直接执行打包命令 npm run build 会出现类型检测错误。2、在vite.config.ts配置文件 配置如下:防止打包之后页面空白。修改packzge.json,打包指令。1、路由改成hash模式。
2023-08-11 11:14:28
1599
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅