Simba的uni-app学习笔记

898 阅读2分钟
  1. style标签中不需要手动加scoped,框架自动会隔离
  2. 组件只要规范命名就不需要手动引入,如@/components/tip/tip.vue,其他页面即可直接使用<tip/>
  3. 路由配置在pages.json中,pages数组的第一项就是首页
  4. 全局对象叫uni,如请求数据,uni.request()
  5. 新增响应式样式单位,rpx,在750宽的屏幕上1rpx:1px
  6. swiper有默认高度,需要手动调整它,否则图片会被盖住
  7. 如果希望页面高度铺满,H5端需要减去navbar高度(44px),如在tabbar页面,再减去tabbar高度(50px),但APP不用,所以需要用#ifdef 平台名称的方式进行条件编译,实现不同平台不同效果
  8. 如果隐藏了uni的导航栏,APP端,内容会被系统状态栏盖住,需要留一个状态栏的占位高度,或者直接封装成状态栏占位组件
  9. 页面跳转传参,在目标页面的onLoad中获取路由参数
  10. 使用iconfont,H5正常,真机不显示图标,需要先将ttf文件转码成base64字符串,贴到iconfont.css中别的文件可以删除
@font-face {
	font-family: "iconfont";
	src: url('data:font/truetype;charset=utf-8;base64,你的base64') format('truetype')
}
  1. 商品详情弹出SKU选择的时候,如果规格比较多,可以在popup中加个scroll-view来局部滚动

常规面试题:

  1. 你用uni-app开发哪几个端的应用?各平台间遇到过什么差异?怎么解决的?
  2. uni-app中踩过哪些坑?
  3. 你觉得做移动开发和PC开发有什么区别?
  4. 说几个uni-app的常用的API
  5. 如何做登录验证(未登录拦截)?
  6. 如何做第三方登录如微信登录?
  7. 如何让页面跳转?如何接页面跳转时带的参数?
  8. 如何做上拉加载更多和下拉刷新?
  9. 如何上传文件?
  10. 如何使用图标如折线图等?
  11. 说下你们怎么做登录的?
  12. 如何封装自定义组件?