uniapp开发遇到的问题记录_HBuilderX教程

导读：1.uniapp不能使用浏览器对象在uniapp开发中使用window、document等浏览器对象不会生效，存在这些的话uniapp将无法打包成功，最好使用 un...

1.uniapp不能使用浏览器对象
在uniapp开发中使用window、document等浏览器对象不会生效，存在这些的话uniapp将无法打包成功，最好使用 uniapp官方的api

2.网络请求最好使用uni.request()
小编在项目中使用axios，打包后axios失效无法发送请求，查资料未果；
果断选择了 uview ui框架的http
写uniapp是 uview这个框架也是不错的选择

3.页面字体适配
在uniapp中不推荐使用rem，官方有自己的rpx单位也相对实用，
如果你就想使用rem来写uniapp的话，下面就是众多实现方法中的一种适配方案

1.在mian.js 挂载$fontSize变量

import Vue from 'vue'

//import uView from "uview-ui";

uni.getSystemInfo({

    success:(res)=>{

        // console.log(res)

        // console.log(res.screenWidth)

        // console.log(res.screenWidth/750*75)

        // console.log(app,'999')

        getApp().globalData.fontSize = res.screenWidth/750*75

    }

})

Vue.prototype.$fontSize = getApp().globalData.fontSize

//主要通过uni.getSystemInfo 来获取当前使用设备的各项参数，

//要调整屏幕的适配首先要知道当前设备的型号及屏幕大小

2.通过 page-meta 标签来实现样式的赋值 page-meta 资料
//在相应的页面上添加

<page-meta :root-font-size="fontSize + 'px'"></page-meta>

// uniapp 只有app.vue为入口文件没有结构代码只能在各个页面上添加
//如果你写的是H5的话可以再index.html中添加设置rem的根页面Font-size大小
在使用page-meta要注意这个是新加的有版本要求的

全站搜索

uniapp开发遇到的问题记录

最新推荐

本周排行