前端Api文档地址相当齐全也有我自己收藏的干货,有哪些缺漏大伙可以找我加上!!!

只整理了一部分,也是为了方便我自己查看,不喜欢看的小伙伴勿喷!!!

chatGPT

https://kimi.moonshot.cn/chat/coc949subms0stisuev0
https://pc.aihao123.cn/index.html#/chat?invite=1207933
https://egg.chatleft.com/?type=chat

MDN Web Docs - Mozilla开发者网络,提供了全面的Web技术文档,包括HTML、CSS和JavaScript。

https://developer.mozilla.org/en-US/docs/Web

构建工具和包管理器文档【NPM】

https://javascript.ruanyifeng.com/nodejs/npm.html
https://www.npmjs.com/search?q=node
https://docs.npmjs.com/

构建工具和包管理器文档【Yarn】

https://yarnpkg.com/en/docs

构建工具和包管理器文档【Webpack】

https://webpack.js.org/

NVM管理node版本

https://blog.csdn.net/qq_22182989/article/details/125387145

TypeScript

https://wangdoc.com/typescript/basic
https://www.typescriptlang.org/

ECMAScript6(ES6) 教程

https://wangdoc.com/es6/
https://tc39.es/ecma262/

JavaScript 标准参考教程

https://javascript.ruanyifeng.com/

jQuery

https://api.jquery.com/

Node.js

https://javascript.ruanyifeng.com/nodejs/basic.html
https://nodejs.org/dist/latest-v14.x/docs/api/

MongoDB的应用

https://javascript.ruanyifeng.com/nodejs/mongodb.html

Koa 框架

https://javascript.ruanyifeng.com/nodejs/koa.html

Express框架

https://javascript.ruanyifeng.com/nodejs/express.html

Vue.js框架

https://vuejs.org/v2/api/

React框架

https://reactjs.org/docs/getting-started.html

React Native是一个用于构建原生移动应用的框架,它的官方文档包含了React Native的API文档、组件、开发指南等内容。

https://reactnative.dev/docs/getting-started

Angular框架

https://angular.io/docs

Flutter是Google推出的跨平台移动应用开发框架,它的官方文档包含了Flutter的API文档、组件库、开发工具等内容。

https://flutter.dev/docs

electron-egg桌面应用

https://www.kaka996.com/

https://electronjs.p2hp.com/docs/latest/tutorial/examples

Ionic Framework是一个用于构建混合移动应用的框架,它的官方文档包含了Ionic的API文档、组件、插件等内容。

https://ionicframework.com/docs

Apache Cordova是一个用于构建混合移动应用的开源框架,它的官方文档包含了Cordova的API文档、插件、平台支持等内容。

https://cordova.apache.org/docs/en/latest/

NativeScript是一个用于构建原生移动应用的框架,它的官方文档包含了NativeScript的API文档、组件、插件等内容。

https://docs.nativescript.org/

Uniapp跨端应用开发

https://uniapp.dcloud.net.cn/

Taro 跨端应用开发

https://taro.redwoodjs.cn/docs/2.x/tutorial/

微信小程序

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/api.html#API

A-Frame - WebVR framework - 如果你的前端APP包含虚拟现实(VR)内容,A-Frame提供了相关文档。

https://aframe.io/docs/

WebXR Device API - 用于在浏览器中提供增强现实(AR)和虚拟现实(VR)体验的API。

https://developer.mozilla.org/en-US/docs/Web/API/WebXR_Device_API

Markdown 编写文档应用

https://www.runoob.com/markdown/md-tutorial.html

UI 组件库文档

PC端

vxe-table: https://vxetable.cn/v3/#/table/start/install;解决表格大数据场景

antd-vue3: https://www.antdv.com/components/table-cn

antd-react: https://ant.design/components/flex-cn

Element-Ui: https://element.eleme.cn/#/zh-CN/component/color

Element-Plus: https://element-plus.org/zh-CN/

iView: http://v4.iviewui.com/docs/introduce

Bootstrap: https://getbootstrap.com/docs/

PC端 【后台管理系统】

iView: https://www.iviewui.com/admin-plus/introduce

element: https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/

移动端

Vant:目前 Vant 官方提供了 Vue 2 版本Vue 3 版本微信小程序版本,并由社区团队维护 React 版本支付宝小程序版本: https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/

Arco Design Mobile: https://arco.design/mobile/react/arco-design/pc/#/

iView: http://v4.iviewui.com/docs/introduce

浏览器兼容性文档Can I use:https://caniuse.com/ 提供了关于不同浏览器支持的 Web 特性的信息

https://caniuse.com/

代码编辑器和 IDE 文档:

VScode

插件: https://code84.com/727058.html
https://code.visualstudio.com/Download
https://code.visualstudio.com/docs

Sublime Text

https://www.sublimetext.com/docs

测试框架文档

Jest: https://jestjs.io/
Mocha: https://mochajs.org/
Jasmine: https://jasmine.github.io/

设计和原型工具文档:

Figma: https://getbootstrap.com/docs/
Sketch: https://sketch.com/docs

国际化和本地化文档:

i18next: https://www.i18next.com/
react-intl: https://formatjs.io/docs/react-intl

性能优化工具文档:

Lighthouse: https://developers.google.com/web/tools/lighthouse

代码质量工具文档:

ESLint: https://eslint.org/docs
Prettier: https://prettier.io/docs/en/index.html

HarmonyOS鸿蒙应用开发:

官方Demo: https://gitee.com/harmonyos/codelabs
官方文档: https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V2/start-with-ets-stage-0000001477980905-V2#section887917182458
鸿蒙开发者社区: https://developer.huawei.com/consumer/cn/forum/
《鸿蒙生态应用开发白皮书V2.0》: https://developer.huawei.com/consumer/cn/doc/guidebook/harmonyecoapp-guidebook-0000001761818040

静态大屏HTML模板,可作为看板模板导入DataGear数据可视化分析平台,制作大屏展示数据可视化看板

https://gitee.com/datagear/DataGearDashboardTemplate

开源、精美、便捷的「数据可视化」低代码开发平台

git仓库地址:https://gitee.com/dromara/go-view

项目演示:https://vue.mtruning.club/#/project/items

基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术,适配手机、平板、pc 的后台开源免费模板,希望减少工作量,帮助大家实现快速开发。

https://gitee.com/lyt-top/vue-next-admin

我的博客只写前端博文,点击我去看更多喜欢的前端博文,欢迎大家一起讨论学习!【https://blog.csdn.net/qq_29101285?spm=1011.2266.3001.5343】
<think>好的,我需要回答用户关于如何通过Jetson Nano TX1与ROS实现无人船自主避障功能的步骤和教程。首先,我得理清用户的问题,明确他们需要的具体实现步骤。用户提到了Jetson Nano TX1、ROS、自主避障和无人船,所以需要结合这些关键词来构建答案。 首先,我应该回顾已有的引用内容。引用[3]提到基于机器视觉的无人平台自主导航避障系统,包括视觉开发平台、信息交互与任务控制平台、无人机系统。虽然这是关于无人机的,但无人船的避障系统可能有类似的结构,比如都需要传感器、数据处理和控制指令。因此,可能需要将无人机的一些方法迁移到无人船上。 接下来,用户提到了Jetson AGX Xavier部署YOLOv5和ROS小车进行目标检测跟踪的例子(引用[2])。这可能意味着类似的流程可以应用于Jetson Nano TX1和无人船,只是硬件平台不同。需要指出如何使用视觉算法(如YOLOv5或其他)进行障碍物检测,并结合ROS进行控制。 然后,我需要考虑无人船的特殊性。与无人机或小车不同,无人船在水中运动,需要考虑水流、波浪等环境因素,避障的传感器可能包括摄像头、声呐、激光雷达(LiDAR)等。不过,用户可能主要关注基于视觉的方案,因为提到了Jetson和ROS,通常视觉处理在Jetson上比较常见。 接下来,我需要整理实现步骤的大纲。通常,自主避障系统包括以下几个部分:硬件搭建、传感器数据采集、环境感知(如障碍物检测)、路径规划、控制指令执行。结合ROS,可能需要使用ROS中的节点来处理各个模块,比如传感器驱动、视觉处理节点、路径规划节点、控制节点等。 第一步,硬件选型与搭建。需要确定无人船的平台,选择适合的推进器、电源、传感器(如摄像头、超声波传感器、IMU等),以及Jetson Nano TX1作为主控。同时,需要确保ROS兼容的硬件,比如摄像头可能需要使用USB摄像头或CSI摄像头,支持ROS驱动。 第二步,ROS环境搭建。安装ROS(如Melodic或Noetic版本),配置Jetson Nano TX1的环境,可能包括安装必要的库和依赖,如OpenCV、PCL(点云库)等。同时,需要配置ROS工作空间,创建所需的包和节点。 第三步,传感器数据采集与处理。例如,摄像头的数据通过ROS的image_transport进行传输,可能需要使用cv_bridge将图像转换为OpenCV格式进行处理。如果使用其他传感器如LiDAR或超声波,也需要相应的ROS驱动包。 第四步,障碍物检测算法。这里可以借鉴引用[2]中的YOLOv5,将其部署在Jetson上,进行实时目标检测。需要训练一个适用于水上环境的障碍物检测模型,比如识别浮标、其他船只、桥墩等。或者使用传统的计算机视觉方法,如光流法、特征匹配等。 第五步,避障路径规划。在检测到障碍物后,需要规划绕行路径。常用的算法有A*、D*、RRT(快速随机树)等。在ROS中,可以使用move_base包,或者自定义路径规划节点,结合检测到的障碍物信息生成安全路径。 第六步,运动控制。根据路径规划的结果,发送控制指令给无人船的推进器。这部分需要与无人船的下位机通信,可能通过PWM信号或串口通信,使用ROS的serial包或mavros(如果使用类似PX4的飞控)。 第七步,系统集成与测试。将各个节点整合,进行仿真测试(如Gazebo模拟无人船环境),然后进行实地测试,调整参数,确保避障功能的可靠性。 另外,还需要考虑无人船的定位问题,可能需要GPS或视觉SLAM来获取当前位置。但用户的问题主要聚焦于避障,可能定位部分可以简化或使用预设的路径。 可能遇到的问题包括Jetson Nano TX1的计算资源有限,需要优化算法以保证实时性;水面的反光和波浪对视觉检测的影响,可能需要加入滤波或使用多传感器融合;以及通信延迟的问题,确保控制指令的及时性。 最后,需要生成相关问题,可能涉及传感器选择、算法优化、ROS包推荐、实际测试方法等。</think>以下是基于Jetson Nano TX1与ROS实现无人船自主避障功能的步骤指南: --- ### 一、硬件搭建 1. **主控设备**:安装Jetson Nano TX1作为核心处理器,负责算法运算和系统调度[^2]。 2. **传感器选择**: - 摄像头(RGB或双目):用于水面障碍物视觉检测。 - 超声波/声呐:探测近距离水下障碍物。 - IMU:获取船体姿态数据。 - GPS模块(可选):辅助定位。 3. **动力系统**:配备电机、推进器及舵机控制模块,支持ROS通信协议(如PWM或CAN总线)。 --- ### 二、ROS环境配置 1. **安装ROS Melodic/Noetic**: ```bash sudo apt-get install ros-<版本>-desktop-full ``` 2. **创建ROS工作空间**: ```bash mkdir -p ~/catkin_ws/src && cd ~/catkin_ws && catkin_make ``` 3. **安装依赖库**: - OpenCV、cv_bridge(图像处理) - PCL(点云处理) - mavros(若使用无人机协议扩展) --- ### 三、障碍物检测实现 1. **视觉算法部署**: - 使用YOLOv5或SSD等模型进行水面障碍物检测,需针对水上环境训练数据集。 - 调用ROS的`cv_bridge`将图像数据转换为OpenCV格式: ```python from cv_bridge import CvBridge bridge = CvBridge() cv_image = bridge.imgmsg_to_cv2(msg, "bgr8") ``` 2. **多传感器融合**(可选): - 结合声呐数据与视觉检测结果,通过卡尔曼滤波提高障碍物定位精度[^3]。 --- ### 四、路径规划与控制 1. **全局路径规划**: - 使用A*或Dijkstra算法生成初始路径。 - 在ROS中集成`move_base`包,定义代价地图(需适配水面环境参数)。 2. **局部避障**: - 动态窗口法(DWA)实时调整航向,避开检测到的障碍物。 - 响应速度需根据船体惯性优化参数。 --- ### 五、运动控制执行 1. **通信接口开发**: - 通过ROS的`rospy`或`roscpp`编写控制节点,向下位机发送速度/转向指令。 - 示例代码: ```python pub = rospy.Publisher('/cmd_vel', Twist, queue_size=10) twist_msg = Twist() twist_msg.linear.x = 0.5 # 前进速度 pub.publish(twist_msg) ``` 2. **紧急制动逻辑**: - 当检测到近距离障碍物时,触发紧急停止信号[^1]。 --- ### 六、测试与优化 1. **仿真测试**:使用Gazebo搭建水面环境模拟器,验证避障逻辑。 2. **实地测试**: - 分阶段测试:静态障碍→动态障碍→多障碍混合场景。 - 调整算法参数(如安全距离、最大转向角)。 --- ### 注意事项 - **计算资源优化**:使用TensorRT加速YOLO模型推理,降低Jetson Nano的负载。 - **环境适应性**:针对水面反光问题,可加入偏振滤镜或使用红外摄像头。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值