UNI-APP
文章平均质量分 86
记录和分享UNI_APP爬坑开发经历!
mingyong.g
Hello world!
展开
-
【已解决】uni-app web-view 组件IOS异常
基于 uni-app 开发的 h5 应用,安卓端正常,ios 显示异常。当页面滚动后 IOS 嵌入的 web-view 内容莫名被置顶隐藏了,导致内容不可见。原创 2023-06-07 14:47:36 · 911 阅读 · 0 评论 -
【已解决】企业微信 JS-SDK 安卓设备正常,但无法在 IOS设备上使用
虽然问题得以解决,却没有找到根本原因,或许只是误打误撞解决了,说不定未来会作为隐患爆发。如果大家有知道具体原因或者更好方法的,欢迎大家留言讨论。(完)原创 2023-02-22 20:38:05 · 1920 阅读 · 0 评论 -
微信小程序/uni-app 蓝牙打印开发教程和常见问题总结【文末附源码】
1️⃣ 写在前面由于业务需要,需要在应用中集成数据打印功能,由于项目是基于uni-app 开发并发布成微信小程序,查阅了官方的开发文档在技术上是可实现的。同时在淘宝上咨询了蓝牙打印机的卖家,确认蓝牙打印机是否具备自定义开发的功能。最终选择了佳博的GP-2120-TU系列蓝牙打印机,支持标签模式和票据模式。2️⃣ 蓝牙连接流程关于连接蓝牙的操作和API 微信小程序和uni-app 的API接口规范都是一样的,只不过微信小程序是挂载到wx 对象上,而uni-app则是挂载在了uni 对象上。使用uni-原创 2021-09-23 22:47:25 · 4288 阅读 · 27 评论 -
【已解决】(uni-app)IOS 端 H5 应用无法发起请求,请求状态码为0,错误描述为request:fail
【已解决】(uni-app)IOS 端 H5 应用无法发起请求,请求状态码为0,错误描述为request:fail目录【已解决】(uni-app)IOS 端 H5 应用无法发起请求,请求状态码为0,错误描述为request:fail1️⃣ 问题描述2️⃣ 问题分析???? 2.1 分析依赖问题???? 2.2 分析uni-app版本问题???? 2.3 引入vconsole 进一步分析问题3️⃣ 进一步定位问题4️⃣ 解决办法???? 4.1 跨域解决???? 4.2 修改请求头配置5️⃣ 总结1️⃣原创 2021-08-17 17:51:38 · 7276 阅读 · 1 评论 -
serverless实战,基于uniCloud从0零开始实现一个前端日志监控系统
serverless实战,基于uniCloud从零开始实现一个前端日志监控系统写在前面 serverless是近几年比较热门的一个概念,也是大前端发展的一个重要方向。serverless的兴起已经有一段时间了,早在几年前微信就推出了微信小程序云开发功能,其无需搭建服务器,只需使用平台提供的各项能力,即可快速开发业务。同时提供云数据库、云存储、云函数等功能,大大降低了开发者的开发成本,深受开发者喜爱。原创 2021-07-05 23:35:20 · 947 阅读 · 0 评论 -
基于uni-app&raindrop.io纯前端实现知识共享APP
基于uni-app&raindrop.io纯前端实现知识共享APP写在前面作为一名开发人员,少不了通过G众号、CSDN、知乎、掘金等平台学习和提升自己。平时在逛论坛、刷博客的过程中,难免遇到一些实用的干货资源,通常我们回将这些有帮助的内容收藏在各平台的收藏集中。不管以后会不会回头查阅,但是必须放到收藏集吃灰。久而久之,收集的知识散乱、难以分类和合并管理,资源的整合困难,也不利于知识体系的梳理。后来了解到一款浏览器插件 pinbox 具备跨端收集整理知识的能力,因此我将此前收集的公众号文章,各大原创 2021-05-24 22:13:25 · 365 阅读 · 1 评论 -
通过Cli方式创建uni-app常见错误整理
通过Cli方式创建uni-app常见错误整理文章目录通过Cli方式创建uni-app常见错误整理写在前面错误一 :exports is not not defined错误二:this.getResolve is not a function错误三:全局配置Vue.config.ignoreElements 后报 uni-* 组件未定义写在前面最近将cli版本的uni-app更新到了最新版本,结果更新后引发了一些新的问题,为避免后续再犯同样的错误,特以文字记录。推荐访问我在我来的个人笔记,以获得更原创 2021-03-01 18:54:44 · 1376 阅读 · 0 评论 -
UNI-APP H5应用白屏(空白页)解决方案
UNI-APP H5应用白屏(空白页)解决方案写在前面 最近公司有一些临时业务急需上线,考虑到H5应用测试部署的便捷性,因此从技术上采用H5网页的方式快速响应业务的需求,由于自己对uni-app 比较熟悉,之前也有用过uni-app开发过微信小程序,整理体验都还不错,这次也就采取uni-app开发H5应用,结果开发测试都还好,上线之后部分IOS用户反馈应用无法打开,具体现象表现为链接打开显示空白页、白屏。针对这原创 2021-01-31 16:01:55 · 19757 阅读 · 4 评论 -
VSCode开发UNI-APP 配置教程、注意事项与插件推荐
VSCode开发UNI-APP 配置教程、注意事项与插件推荐写在前面uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 开发UNI-APP最好的工具是HbuilderX,但这并不打脸为什么要在VsCode中开发UNI-APP,用官方的话来说HBuilderX是专为Vue打造的编辑器,那么非Vue又该怎么办呢?这时就不得不对选择其它产品,那么为什么不将U原创 2020-10-22 16:09:35 · 28586 阅读 · 9 评论 -
UNI-APP/VUE 项目集成 微信SDK /微信开放标签 教程和避坑指南(下)——微信开放标签篇
UNI-APP/VUE 项目集成 微信开放标签 教程和避坑指南 文章同步发布于????前端知识营地,移动端用户可通过????????手机端查看以获得更佳的阅读体验和排版效果手机端访问地址:UNI-APP/VUE 项目集成 微信开放标签 教程和避坑指南前言上一篇文章里详细介绍了UNI-APP/VUE项目如何集成微信的SDK,如果有需要在UNI-APP集成微信SDK的朋友,可以点击下方链接访问。????UNI-APP/VUE 项目集成微信SDK教程和避坑指南本文接着UNI-APP/VUE原创 2020-09-12 19:28:35 · 1524 阅读 · 0 评论 -
UNI-APP/VUE 项目集成 微信SDK /微信开放标签 教程和避坑指南
UNI-APP/VUE 项目集成微信SDK教程和避坑指南 文章同步发布于????前端知识营地,移动端用户可通过????????手机端查看以获得更佳的阅读体验和排版效果 前言本文主要介绍在UNI-APP项目中集成 微信SDK / 微信开放标签 。由于UNI-APP是对Vue 的二次封装,因此本教程也适用与Vue项目。本项目是基于已经认证的微信服务号(是服务号不是微信公众号/订阅号)进行开发,根据官方文档微信公众号也是可以集成SDK的,但是微信开放标签,目前主要是跳转到小程序和跳转到APP原创 2020-09-09 23:14:51 · 2717 阅读 · 0 评论 -
UNI-APP转华为welink小程序实战
UNI-APP转华为welink微码小程序实战 uni-app自2018年初发布以来,一直蓬勃发展,一派欣欣向荣,社区也是人声鼎沸,众望所归。根据官方介绍,基于uni-app 开发可以轻松实现一套代码发布到10个平台。随着小程序生态的不断发展,华为基于自家的welink平台(对标阿里的钉钉和腾讯的企业微信)推出了自己的小程序产品:微码小程序,由于发行时间较晚并没有被uni-app集成到统一开发平台下。那么原创 2020-07-19 14:06:46 · 2538 阅读 · 2 评论 -
【踩坑】vue-cli创建uni-app编译到微信小程序报Uncaught ReferenceError: regeneratorRuntime is not defined
【踩坑】vue-cli创建uni-app编译到微信小程序报Uncaught ReferenceError: regeneratorRuntime is not defined????错误描述见图????问题原因小程序未支持async / await使用的方法,在小程序中直接使用会出现上诉错误????解决办法新版本小程序已支持async / await,需在设置中开启增强编译,如图:???? 参考博客参考文章(完)...原创 2020-06-10 19:31:48 · 4238 阅读 · 0 评论 -
用了HBuilderX近一年,最后还是选择了VSCode
用了HBuilderX近一年,最后还是选择了VSCode 关于前端的IDE,流行的无非也就那么几款,但若要问那款编辑器最好用,键盘侠们可能要闹翻了天。本人接触前端以来大概使用webstorm有3-4个月之久,当时webstorm好像名气比VSCode还要大,至于后来公司选择uni-app开发移动端应用,就转用Hbuilderx,毕竟是指定开发工具。直到最近开始上手VSCode,最终逃不过真香定律,果断舍弃HBuilderX转用VSCodeHBuilderX 和VSCode 客观评价 &n原创 2020-05-30 20:30:40 · 50743 阅读 · 45 评论 -
uni-app 开发华为 微码小程序
uni-app 开发华为 微码小程序文章目录uni-app 开发华为 微码小程序背景通过uni-app生成一个h5应用通过微码开发者工具新建一个微码应用进阶官方解决方案背景之前一直使用uni-app开发小程序、H5应用。近期公司有意向使用华为的welink产品作为移动OA。正好近期项目不是特别忙,在工作之余花了点时间了解了下welink产品以及其小程序平台。 通过深入了解,发现其微码小程序api同uni-app api非常类似,于是想着能否通过uni-app开发微码小程序,毕竟已经习惯了Hbuil原创 2020-05-11 22:56:26 · 1253 阅读 · 0 评论 -
easycom模式,UNI-APP组件开发调用必须掌握的实用技巧!
easycom模式,UNI-APP组件开发调用必须掌握的小技巧!本文旨在抛砖引玉,具体文档和easycom规范请移步uni-app官网。【传送门】????easycom模式说明????easycom组件模式介绍自HBuilderX 2.5.5起支持easycom组件模式。若HBuiderX版本较低,请先检查更新!uni-app基于VUE开发,通常组件的使用都是先安装,然后全局或者局部引入,注册。...原创 2020-04-22 22:34:12 · 14042 阅读 · 2 评论 -
uni-app实现图片的上传和裁剪
uni-app实现图片的上传和裁剪uni-app 实现图片的上传和裁剪,插件市场上已经有作者提供了相关的插件。这里主要介绍下我在自己开发图片上传和裁剪过程中遇到的一些问题。图片上传图片上传功能比较简单,uni-app官方提供了完整的API介绍和案列。但是在使用过程中有几个问题要注意。通过uni.chooseImage可以从本地或者相机中选择一张至多张照片(具体参数设置见官网说明)uni....原创 2019-09-02 19:45:20 · 22294 阅读 · 13 评论 -
uni-app使用iconfont爬坑记录
uni-app使用iconfont爬坑记录获取iconfont登录阿里巴巴图标库,选择需要使用的图标,加入到购物车中进入购物车中,选择添加至项目.没有项目的话自己随便建一个就行.下次从图标管理tab下可进入我的项目页面.我的项目如图:点击下载至本地非微信小程序使用将下载后的文件加压后找到iconfont.css文件,拷贝至项目的uni-app页面的style标签中,然后复制我...原创 2019-08-28 15:43:43 · 1511 阅读 · 0 评论 -
uni-app全局变量的定义和更改
uni-app 全局变量的定义和更改转自原文链接侵删转载 2019-08-14 14:47:56 · 6398 阅读 · 0 评论 -
Vue过滤器的几种用法
Vue过滤器的几种用法本文主要介绍Vue项目中filter的几种用法。一. 单独在组件或者是页面中使用单独在页面或者是组件中使用vue filter比较简单,主要是用在{{ }} 和v-bind指令中。简单的代码示例如下:<!-- 在代码中使用 --><view v-bind:value = "val|getVal">{{val|getVal}}</vi...原创 2020-03-01 16:23:15 · 1027 阅读 · 0 评论 -
使用TypeScript开发Uni-App项目
使用TypeScrip开发Uni-App项目使用TypeScrip开发Uni-App项目通过HbuiderX创建uni-app项目常见装饰器的使用简单的Demo页面几个注意问题使用TypeScrip开发Uni-App项目通过HbuiderX创建uni-app项目在新项目的vue文件中使用内联ts<script lang="ts">按需引入vue装饰器import { Co...原创 2020-01-08 10:50:28 · 13579 阅读 · 5 评论 -
shoDoc自动生成API文档使用说明
shoDoc使用说明操作系统windos,其他操作系统见官网介绍自动生成API主要步骤:安装git for windows :git (已安装可跳过此步骤)下载官方脚本showdoc_api.sh:showDoc脚本将脚本showdoc_api.sh拷贝到项目的根目录,如图。打开脚本showdoc_api.sh配置相关参数:api_key,api_token和url这里我...原创 2019-12-26 11:25:53 · 903 阅读 · 0 评论