【带小白做项目】万字！计算机答辩常问问题——小程序端相关考察点

1.简单介绍uni-app

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。开发者通过编写 Vue.js 代码，uni-app 将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。uni-app 继承自 Vue.js，提供了完整的 Vue.js 开发体验。uni-app 组件规范和扩展api与微信小程序基本相同。uni-app 具有跨端数量更多、性能体验更优秀、学习成本低、开发成本低等几大关键优势。

2.uniapp目录项目构成

page.json存放路由信息。其中tabBar部分可以设置导航栏。

 "tabBar": {
     "color": "#333333",
     "selectedColor": "#D1BBFF",
     "borderStyle": "white",
     "backgroundColor": "#FFFFFF",
     "list": [{
         "pagePath": "pages/index/index",
         "iconPath": "static/tabs/index.png",
         "selectedIconPath": "static/tabs/index1.png",
         "text": "首页"
       }
     ]
   }

main.js负责初始化vue实例，定义全局属性和组件。

3.为什么使用uniapp

一方面之前在课程上学习过Hbuilder和uniapp的使用，相对比较熟悉；另一方面不用关心适配问题，css布局使用rpx作为单位，完美避开不同分辨率适配问题；多端融合，不仅可以发布到H5，还可以发布到各大平台的小程序，也支持安卓和ios原生APP。

4.前后端交互方法（封装请求）

index.js 封装get、post请求，接收参数并返回数据。http.js 封装后台接口，便于页面调用和后期维护。

使用：

 onLoad(){
 this.$http.login().then(res=>{
 console.log(res)
 })
 }

如果需要传参，可以在login方法中直接传递login({name: 'xxx', sex: 'yyy'})