郭宝的博客

uni原生插件开发：简介 | uni小程序SDKAndroid平台uni原生插件开发文档：开发者须知 | uni小程序SDKAndroid平台uni原生插件开发之Android离线SDK示例代码：https://download.youkuaiyun.com/download/qq_35366269/89162951Android平台uni原生插件开发之通过uniapp引入原生插件示例代码：https://download.youkuaiyun.com/download/qq_35366269/89162951

首先通过HBuilder X 创建一个 uni-app项目。

需求是需要获取到当前位置的详细信息（结构化地址（省/市/区/街道/门牌号））首先想到的是通过uni的getLocation() 获取当前位置，但是发现只能获取到经纬度坐标点，无法获取到结构化地址（省/市/区/街道/门牌号）...

在调试时，需要在微信开发者工具中勾选 不检验合法域名、web-view（业务域名）、TLS版本以及HTTPS证书。然后在pages.json中配置webview.vue页面路径。然后调用subItemHandler 触发页面跳转。webview.vue页面。...

代码】uni-app 之 文件（图片、视频.....）上传与下载。

在使用uni-app开发微信小程序时，设置原生样式后无效test1.vue文件在chrome浏览器中运行时，样式有效，截图如下：在微信小程序中运行时，样式失效，如下截图：1、使用style和class选择器设置样式无效，只能通过已有的class选择器来设置样式。...

1、首先打开项目根目录下的 manfest.json 文件，然后选择基础配置

1、首先打开项目根目录下的 manifest.json 文件，然后选择h5配置2、然后对h5配置进行修改，输入页面的标题，将路由模式改为hash，

具体步骤：1、打开HBuilder X开发工具，然后打开项目根目录下的manifest.json文件2、然后选择微信小程序配置，在微信小程序AppID输入框中输入申请的AppID3、然后再打开微信小程序开发者工具，点击菜单栏的上传即可...

解决办法：1、首先打开微信开发者工具，然后点击菜单栏的设置>>安全设置>2、然后将服务端口开启3、然后再打开HBuilder X工具，运行>>运行到小程序模拟器>>停止微信开发者工具4、然后再次运行到微信小程序模拟器即可，效果图如下：...

更多参见：https://uniapp.dcloud.io/component/README?id=uniui

uni-app 中的导航跳转与参数传递

从本地相册选择图片或使用相机拍照uni.chooseImage(OBJECT)从本地相册选择图片或使用相机拍照。App端如需要更丰富的相机拍照API（如直接调用前置摄像头），参考plus.cameraOBJECT 参数说明参数名 类型 必填 说明 平台差异说明 count Number 否 最多可以选择的图片张数，默认9 见下方说明 sizeType Array<String> 否 original 原

uni-app 中的数据缓存

uni-app 网络请求uni-app中的网络请求是通过 uni 这个对象中的request({ })来完成的，类似于微信小程序中通过 wx.request({ }) 来完成网络请求参见官网：https://uniapp.dcloud.io/api/request/requestOBJECT 参数说明参数名 类型 必填 默认值 说明 平台差异说明 url String 是 开发者服务器接口地址 data Ob...

组件的基本使用： uni-app 提供了丰富的基础组件给开发者，开发者可以像搭积木一样，组合各种组件拼接成自己的应用。 uni-app 中的组件，就像 HTML 中的 div、span、p 等等标签一样，用于搭建页面的基础结构。 更多介绍参见：uni-app 官网text 文本组件的用法： text 组件就是用来显示一个文本的，它就类似于 HTML 中的 span 标签。 text 组件的属性如下：属性说明属性名 类型 默认值 说明...

uni-app 中的 tabBar

调试步骤：1、首先打开根目录下的 pages.json 文件

条件编译（7）

使用 HTML5+ 注意事项（6）

使用 Weex/nvue 注意事项（5）

使用 Vue.js 注意事项（4）

开发规范：为了实现多端兼容，综合考虑编译速度、运行性能等等因素，uni-app 约定了如下开发规范：页面文件遵循Vue 单文件组件 (SFC) 规范

快速创建uni-app项目方式一： 通过HBuilderX 可视化的方式进行创建1.1、创建前的准备工作 首先需要下载安装HBuilderX ，HBuilderX是通用的前端开发工具，但为 uni-app做了特别强化。下载时要下载App开发版，如果下载标准版，在运行或发行时，会提示安装 uni-appp 插件，插件下载完成以后才可以使用。如果用 vue-cli创建uni-app，那么可以直接下载标准版，因为uni-app编译插件被安装到项目下了。1.2、开始创建在H...

什么是uni-app？ uni-app 是一个使用Vue.js开发的所有前端应用的框架，开发者编写一套代码，发布到 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 快速体验 一套代码在10个平台中运行，可以扫描以下二维码，亲自体验。 功能框架 ...