文章列表

这是一个基于Google MediaPipe技术栈的先进手势识别网页应用，实现了通过计算机视觉技术识别用户手势并控制网页交互的功能。该项目展示了现代Web技术与AI技术的完美结合，为未来的人机交互提供了新的可能性。

基本信息 - 姓名： 似琼碧落 - 职位： 前端开发工程师 - 邮箱： 2673397594@qq.com - 地址： 南昌，安庆 - GitHub： https://github.com/siqiongbil/markdown - Upw...

本文是Vue3学习笔记的第二篇，深入探讨Vue3的组件系统和高级特性。从组件基础开始，详细介绍了组件注册、组件通信、生命周期钩子、插槽系统等核心概念。同时涵盖了状态管理、Vue Router 4路由管理、组合式函数等高级主题。通过实际的项目示例和最佳实践，帮助读者掌握Vue3的组件开发技巧和架构设计思路，为构建复杂应用奠定基础。

本文介绍了一个基于Leaflet地图库的单文件HTML定位demo，集成了IP定位、GPS定位、WiFi定位和基站定位等多种定位方式。该demo支持PC和H5端，使用国内地图图层源，并实现了可拖拽标记、位置对比、精度控制、历史记录等交互功能。通过多服务IP定位、GPS多次尝试、基站网络信息获取等技术手段，有效提升了定位精度和用户体验。文章详细分析了各种定位技术的优缺点，以及在浏览器环境下的实现限制和解决方案。

本文通过实际开发三个功能完全相同的综合应用，深入对比分析了原生JavaScript、Vue2和Vue3在现代Web应用开发中的差异。每个版本都完整实现了屏幕录制（基于MediaDevices API）、字幕生成（基于Web Speech API的实时语音识别）、智能翻译（集成MyMemory、Google Translate、LibreTranslate等多个API）三大核心功能，以及本地存储、文件导出等辅助功能，为开发者选择合适的技术栈提供实用的参考依据。

🚀 2024年最新Vue.js人脸识别系统技术深度解析：本文基于真实项目实战经验，全面对比Vue2和Vue3在人脸识别应用中的技术实现差异。深入探讨Composition API与Options API的性能表现、代码组织方式和开发体验，结合face-api.js AI引擎、IndexedDB本地存储、Element UI组件库等现代Web技术栈，为开发者提供从技术选型到性能优化的完整解决方案。

本文是Vue3学习笔记的第一篇，全面介绍Vue3的基础知识和核心特性。从Vue3的简介和主要特性开始，详细讲解了组合式API的使用方法，包括响应式系统、模板语法、事件处理、计算属性和侦听器等核心概念。通过丰富的代码示例和对比表格，帮助读者快速掌握Vue3的基础知识，为后续深入学习打下坚实基础。

本文详细介绍了CSS盒模型的基本概念、结构组成、box-sizing属性的区别与应用、常见调试技巧及最佳实践。通过结构示意图和代码示例，帮助读者深入理解盒模型在网页布局中的作用，并掌握如何避免常见的布局问题。适合前端初学者和有经验的开发者查阅。

Flexbox是现代CSS布局的重要工具，它提供了强大而灵活的布局能力。通过合理使用Flexbox的各种属性，可以轻松创建响应式、自适应的页面布局。

本文整理并详解了常见外部设备的键值（Key Codes）与对应的事件触发类型，涵盖了键盘、触屏手机、PDA 等多种设备。通过清晰的对照表，帮助开发者准确理解和处理不同设备的按键输入事件，提高跨设备兼容性和用户体验。本指南适合前端开发人员、嵌入式系统开发者及硬件交互设计者参考使用。