1.1 swagger简介

swagger

rap挺好的,但是和swagger比起来有点轻量。 
先看看swagger的生态使用图:

这里写图片描述
其中,红颜色的是swaggger官网方推荐的。

下面再细看看swagger的生态的具体内容:

swagger-ui

这玩意儿从名字就能看出来,用来显示API文档的。和rap不同的是,它不可以编辑。

这里写图片描述

点击某个详细API的可以试。

这里写图片描述

swagger-editor

就是一个在线编辑文档说明文件(swagger.json或swagger.yaml文件)的工具,以方便生态中的其他小工具(swagger-ui)等使用。 
左边编辑,右边立马就显示出编辑内容来。 
这里写图片描述

编辑swagger说明文件使用的是yaml语法具体的内容可以去官网查看。

各种语言版本的根据annotation或者注释生成swagger说明文档的工具

目前最流行的做法,就是在代码注释中写上swagger相关的注释,然后,利用小工具生成swagger.json或者swagger.yaml文件。

目前官方没有推出。github上各种语言各种框架各种有,可以自己搜吧搜吧,这里只说一个php相关的。 
swagger-php :https://github.com/zircote/swagger-php

swagger-validator

这个小工具是用来校验生成的文档说明文件是否符合语法规定的。用法非常简单,只需url地址栏,根路径下加上一个参数url,参数内容是放swagger说明文件的地址。即可校验。 
例如: 
这里写图片描述
docker hub地址为:https://hub.docker.com/r/swaggerapi/swagger-validator/ 
可以pull下镜像来自己玩玩。

swagger-codegen

代码生成器,脚手架。可以根据swagger.json或者swagger.yml文件生成指定的计算机语言指定框架的代码。 
有一定用处,Java系用的挺多。工业上应该不咋用。

mock server

这个目前还没有找到很合适的mock工具,包括rap也好,其他API文档工具也好,都做的不够完善,大多就是根据说明文件,例如swagger.json等生成一些死的静态的mock数据,不能够根据限定条件:例如“只能是数字,必传”等做出合理的回应。

移动端开发前端需要注意以下几点: 1. 理想视口:为了在移动端有最理想的浏览和阅读宽度,需要设置理想视口。理想视口的宽度应该与设备的宽度一致,可以通过添加meta视口标签来实现。\[1\] 2. 布局方式:在移动端开发中,可以选择不同的布局方式,如流式布局、flex弹性布局、less+rem+媒体查询布局、混合布局等。根据项目需求和开发经验选择合适的布局方式。\[2\] 3. 响应式布局:响应式布局是一种能够适应不同屏幕尺寸的布局方式。通过使用媒体查询来适配不同的屏幕尺寸,使页面在不同设备上都能有良好的显示效果。\[2\] 4. 文件结构:在搭建移动端开发的文件结构时,需要考虑到不同设备的兼容性和性能优化。合理组织文件结构,减少不必要的请求和文件大小,提高页面加载速度。\[2\] 总结起来,移动端开发前端需要注意理想视口的设置、选择合适的布局方式、使用响应式布局和优化文件结构等方面。这些注意事项可以帮助开发者在移动端上实现良好的用户体验。 #### 引用[.reference_title] - *1* *3* [前端开发移动端基础](https://blog.youkuaiyun.com/u013773608/article/details/110735612)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Web前端开发 移动端开发(快速入门)](https://blog.youkuaiyun.com/weixin_46127956/article/details/127800253)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值