- 博客(7)
- 收藏
- 关注
RSS订阅原创 无人机纯前端飞控实践：基于MQTT的Web端控制方案
本文介绍了基于纯前端技术实现大疆无人机飞控的方案。通过MQTT over WebSocket协议与无人机网关通信，采用Vue.js/React框架构建控制界面，使用Paho.js/MQTT.js实现MQTT协议，并整合Mapbox等地图服务进行航线规划。文章详细阐述了开发环境准备、核心代码实现（包括MQTT连接管理、无人机指令封装和状态监控），以及Web端安全连接、航线规划算法等关键技术。此外还提出了消息压缩、WebWorker计算等性能优化方案，并展望了WebRTC视频流、WebAssembly加速等未来
2025-06-13 11:24:21
366
原创 前端唤起本地应用的终极解决方案：原生JS与Vue实现指南
这篇文章详细介绍了跨浏览器唤起本地应用的完整解决方案。主要内容包括：1）技术原理剖析，通过自定义URL协议和事件监听实现应用唤起；2）原生JavaScript实现方案，针对不同浏览器提供兼容性处理；3）Vue专属优化方案；4）关键问题解决方案如浏览器拦截处理和移动端适配；5）安全实践建议包括HTTPS要求和协议白名单；6）现代替代方案介绍。文章提供了生产级代码实现，覆盖主流浏览器兼容性问题，并强调安全最佳实践。该方案已在多个生产环境验证，支持Chrome、Firefox、Safari、Edge及IE10+等
2023-12-29 11:59:26
3404
3
原创 前端设备在线状态监听方案：提升应用网络适应能力
本文介绍了一个轻量级网络状态监听解决方案，该方案通过navigator.onLine API实时检测网络变化，并触发相应回调。核心功能包括自动监听、跨框架兼容、双状态处理等，适用于离线应用、用户体验优化等场景。实现代码简洁，不依赖第三方库，5分钟即可集成。已在多个生产项目中验证，可显著提升应用对网络环境的适应能力。
2023-12-25 11:20:26
629
原创 优雅实现Vue时间格式化：基于Moment.js的最佳实践
本文介绍了在前端Vue项目中集成Moment.js时间处理库的方法。针对JavaScript原生Date对象的不足，Moment.js提供了完善的时区处理、格式化和日期计算功能。通过四步即可完成集成：安装依赖、全局引入、创建全局过滤器、多种方式调用。文章还分享了常用格式速查、日期计算示例和性能优化建议，并推荐了day.js等轻量替代方案。特别提醒Moment.js已进入维护模式，新项目可考虑现代替代方案。通过全局过滤器集成，实现了统一、简洁、灵活的时间处理解决方案。
2023-12-25 10:29:25
3461
原创 Vue 中优雅集成 ECharts 的完整指南
《高效集成ECharts数据可视化：Vue组件化最佳实践》摘要：本文介绍在Vue项目中集成ECharts数据可视化库的完整方案。通过四步实现：安装依赖、全局引入、封装可复用组件（包含图表初始化/更新/销毁等完整生命周期管理）、使用示例。重点分享组件封装技巧，包括响应式设计、主题定制和性能优化方案（如防抖处理resize事件）。同时提供常见问题解决方案和按需引入等优化建议。该方案可实现高度复用的图表组件，自动响应式调整，并完善处理内存管理问题。最后推荐扩展生态资源，如Vue-ECharts和3D图表扩展。
2023-12-25 10:29:11
1447
1
原创 Vue数字滚动插件
duration: 5000, // 需要滚动的时间。startVal: 0, // 初始值。endVal: 2018// 最终值。第三步 ，就可以在需要的vue页面中引用了。第二步main.js下写入。
2023-12-25 10:24:29
980
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人