近年来uni-app发展势头迅猛,只要会vue.js,就可以开发一套代码,发布移动应用到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。凭借着此跨平台的特性,吸引了大批公司和开发者的青睐,据官网显示目前其有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件。 正如优秀的软件设计一样,uni-app把一些移动端常用的功能做成了独立的服务或者插件,我们在使用的时候只需要选择使用即可。但是在使用这些服务或者插件时一定要区分其提供的各种服务和插件的使用场景,例如其提供的【uni-star
近年来uni-app发展势头迅猛,只要会vue.js,就可以开发一套代码,发布移动应用到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。凭借着此跨平台的特性,吸引了大批公司和开发者的青睐,据官网显示目前其有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件。 正如优秀的软件设计一样,uni-app把一些移动端常用的功能做成了独立的服务或者插件,我们在使用的时候只需要选择使用即可。但是在使用这些服务或者插件时一定要区分其提供的各种服务和插件的使用场景,例如其提供的【uni-star
uni-app自带uni.request用于网络请求,因为我们需要自定义拦截器等功能,也是为了和我们后台管理保持统一,这里我们使用比较流行且功能更强大的axios来实现网络请求。 Axios是一个基于 promise 网络请求库,作用于node.js 和浏览器中。它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生node.js http 模块,而在客户端(浏览端)则使用XMLHttpRequests。Axios特性:从浏览器创建 XMLHttpRequests从node.js创建 http 请求支持 Promise API拦截请求和响应转
uni-app自带uni.request用于网络请求,因为我们需要自定义拦截器等功能,也是为了和我们后台管理保持统一,这里我们使用比较流行且功能更强大的axios来实现网络请求。 Axios是一个基于 promise 网络请求库,作用于node.js 和浏览器中。它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生node.js http 模块,而在客户端(浏览端)则使用XMLHttpRequests。Axios特性:从浏览器创建 XMLHttpRequests从node.js创建 http 请求支持 Promise API拦截请求和响应转
uni-app开发跨平台小程序开发的诸多坑,最近用uni-app开发小程序的时候遇到不少了。本篇收集和记录自己在开发小程序过中遇到的问题和解决办法。之前有很多问题解决了,没记录在案。往后遇到的问题,我尽量记录下来。部分小程序平台不好开发,尤其是需要兼容多个平台,所以如果你和我一样,想必避免不了遇到uni-app开发跨平台小程序开发的诸多坑。根据平台的不同,我预期开发的小程序包括微信、QQ、抖音、快手,百度、支付宝、小红书(pass,不支持个人及个体户)、京东(pass,不支持个人及个体户)。开发跨平台小程序从登录开始说起。登录逻辑从uni.checkSession开始的,支付宝小程序率先登场第
uni-app开发跨平台小程序开发的诸多坑,最近用uni-app开发小程序的时候遇到不少了。本篇收集和记录自己在开发小程序过中遇到的问题和解决办法。之前有很多问题解决了,没记录在案。往后遇到的问题,我尽量记录下来。部分小程序平台不好开发,尤其是需要兼容多个平台,所以如果你和我一样,想必避免不了遇到uni-app开发跨平台小程序开发的诸多坑。根据平台的不同,我预期开发的小程序包括微信、QQ、抖音、快手,百度、支付宝、小红书(pass,不支持个人及个体户)、京东(pass,不支持个人及个体户)。开发跨平台小程序从登录开始说起。登录逻辑从uni.checkSession开始的,支付宝小程序率先登场第
1.小程序如何横屏在手机上启用屏幕旋转支持从小程序基础库版本2.4.0开始,小程序在手机上支持屏幕旋转。使小程序中的页面支持屏幕旋转的方法是:在app.json的window段中设置"pageOrientation":"auto",或在页面json文件中配置"pageOrientation":"auto"。以下是在单个页面json文件中启用屏幕旋转的示例。代码示例:{"pageOrientation":"auto"}如果页面添加了上述声明,则在屏幕旋转时,这个页面将随之旋转,显示区域尺寸也会随着屏幕旋转而变化。从小程序基础库版本2.5.0开始,pageOrientation还可以被设置为lan
1.小程序如何横屏在手机上启用屏幕旋转支持从小程序基础库版本2.4.0开始,小程序在手机上支持屏幕旋转。使小程序中的页面支持屏幕旋转的方法是:在app.json的window段中设置"pageOrientation":"auto",或在页面json文件中配置"pageOrientation":"auto"。以下是在单个页面json文件中启用屏幕旋转的示例。代码示例:{"pageOrientation":"auto"}如果页面添加了上述声明,则在屏幕旋转时,这个页面将随之旋转,显示区域尺寸也会随着屏幕旋转而变化。从小程序基础库版本2.5.0开始,pageOrientation还可以被设置为lan
1.不能跳转到tabBar页面,跳转到tabBar页面只能使用switchTab跳转2.目标页面必须是在pages.json里注册的vue页面。遇到页面无法跳转的时候解决思路:1.通过fail回调查看跳转的路径对不对,这里需要注意uni.navigateTo的url要写绝对路径或者相对路径也可以,写绝对路径时一定要写/,如图:lujing.png笔者就在这里踩过坑,写相对路径的话找到跳转页面正确的路径即可,如图:relative.png2.如果路径正确但还是无法跳转的话就看pages.json里面有没有配置要跳转的目标页面,没有的话加上即可,如果是在hbuildX里面创建页面的话一般会帮我们自
1.不能跳转到tabBar页面,跳转到tabBar页面只能使用switchTab跳转2.目标页面必须是在pages.json里注册的vue页面。遇到页面无法跳转的时候解决思路:1.通过fail回调查看跳转的路径对不对,这里需要注意uni.navigateTo的url要写绝对路径或者相对路径也可以,写绝对路径时一定要写/,如图:lujing.png笔者就在这里踩过坑,写相对路径的话找到跳转页面正确的路径即可,如图:relative.png2.如果路径正确但还是无法跳转的话就看pages.json里面有没有配置要跳转的目标页面,没有的话加上即可,如果是在hbuildX里面创建页面的话一般会帮我们自