- 博客(28)
- 收藏
- 关注
原创 前端直传阿里 OSS 优化大文件(APP 安装包)上传速度实践
本文介绍了APP安装包上传功能的优化方案。原方案采用前端→业务后台→存储服务的传统链路,存在上传慢(10+分钟)、服务器压力大、链路冗余等问题。优化后改为前端直传阿里OSS方案,实现步骤包括:1)运维配置OSS存储和跨域规则;2)后端提供签名接口确保安全;3)前端改造上传逻辑。该方案使上传时间缩短至1分钟内,服务器负载显著降低,同时解决了安全性和用户体验问题。适用于各类大文件上传场景,是提升传输效率的有效方案。
2025-12-03 09:58:54
1146
原创 文件上传全维度知识体系:从基础原理到高级优化
本文系统梳理了文件上传的完整知识体系,涵盖底层原理、核心模式和实践方案。重点解析了multipart/form-data和application/octet-stream两种传输格式,详细介绍了普通上传、分片上传和断点续传三种场景的实现方案。针对前端优化提出了校验、进度显示、重试和取消等技巧,后端强调了安全防护和存储策略选型。同时介绍了云存储直传方案和TUS协议等前沿技术,帮助开发者根据不同场景选择最优上传方案,兼顾效率与安全性。通过构建完整的知识体系,可系统解决各类文件上传需求。
2025-12-03 09:56:26
863
原创 Trae CN IDE 使用教程
基于搜索到的官方文档和实用教程,整理了一篇系统的 Trae CN IDE 使用教程,涵盖安装配置、界面导航、核心功能和进阶技巧,帮助快速上手这款 AI 原生编辑器。
2025-12-02 10:31:51
3316
1
原创 编程规范:团队协作的隐形桥梁
团队编程规范是提升协作效率的关键,其核心包含四大维度:代码风格(命名、格式、注释)、架构一致性(目录、依赖、接口)、安全质量(异常处理、安全编码、性能约束)和版本控制(提交信息、分支策略)。规范落地需结合自动化工具(如ESLint、SonarQube)、代码审查、文档培训和动态优化。良好的编程规范能减少内耗,让团队聚焦业务创新,实现技术语言同频,构建高效协作的技术桥梁。
2025-12-01 13:57:24
795
原创 RuoYi-Vue 前端环境搭建与部署完整教程
RuoYi-Vue 是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Spring Security、MyBatis、Jwt、Vue),内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、通知公告、代码生成等。在线定时任务配置,支持集群,支持多数据源,支持分布式事务等。
2025-12-01 10:02:53
1567
原创 用 HTML、CSS 和 JavaScript 实现五子棋人机对战游戏
通过 HTML、CSS 和 JavaScript 的组合,实现了一个功能丰富的五子棋人机对战游戏。这个游戏不仅具有基本的五子棋玩法,还通过 AI 对战功能增加了游戏的趣味性和挑战性。
2025-06-13 15:25:28
1465
2
原创 Vue3 Hooks 完全指南:从基础用法到异步操作实践
ue 3 Hooks 是一种函数,它可以让你在不编写 class 的情况下使用 state、生命周期钩子和其他 Vue 特性。
2025-06-09 15:59:17
2015
原创 前端实现图片压缩:基于 HTML5 File API 与 Canvas 的完整方案
本文将详细讲解如何通过<input type="file">实现图片上传,结合 Canvas 实现图片压缩,并实时展示压缩前后的图片预览和文件大小对比。
2025-05-28 14:19:08
1434
原创 前端 Word 文档转 HTML
通过 Vue2、Ant Design of Vue、wangEditor 和 less 的组合,成功实现了一个功能完整的 Word 文档转 HTML 工具。用户可以复制 Word 文档,将其转换为 HTML,并使用富文本编辑器对转换后的内容进行编辑。
2025-05-21 11:45:06
946
原创 非常好用的 HTML5 视频播放插件
MuiPlayer 是一款 HTML5 视频播放插件,其默认配置了精美可操作的的播放控件,涉及了常用的播放场景,例如全屏播放、播放快进、循环播放、音量调节、视频解码等功能。播放器的设计兼容了在 PC、Mobile 端运行,提供了 “移动端” 以及 “PC端” 两类扩展插件,因此你也可应用于在 Android、Ios 的 Webview 中使用。
2025-03-13 14:18:15
1937
原创 Fes.js 安装与使用教程
Fes.js 内置了路由、开发、构建等,并且提供测试、布局、权限、国际化、状态管理、API 请求、数据字典、SvgIcon 等插件,可以满足大部分日常开发需求。
2025-03-13 10:49:25
780
原创 如何在vue.config.js配置代码混淆加密、压缩?
当你运行npm run build进行项目打包时,Webpack 会使用 webpack-obfuscator插件对你的代码混淆加密压缩,防止代码被反编译
2024-11-20 14:22:51
2529
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅