uni-app
uni-pp
凉音、
小笨鸟
展开
-
uni-app 图片(文件) 本地存储解决方案
我们时长有这样的需求,文件或图片每一次都从远端下载,导致离线状态页面空白,或者耗费带宽和时间太多导致的用户体验差,因此,我们需要一种方案去解决这样的问题已经下载的文件或图片等资源,直接从从设备本地获取而不是从远端下载解决思路1、封装一个获取文件路径的函数,假如文件已经存在本地,则取本地路径,否则下载并返回下载路径2、函数需要两个参数,一个是文件的下载路径,一个是与文件相关联的id,用来做文件与下载路径之间的关联3、h5不支持文件存储,所以我们需要做条件编译4、做一些异常的..原创 2020-07-24 16:14:13 · 4240 阅读 · 0 评论 -
uni-app nvue项目使用iconfont字体图标
首先,选择自己想要的图标,添加至自己的项目,具体教程就不出了,相信能搜这个解决方案的人都会,iconfont官网戳这里请一定要仔细看备注内容~~远程ttf文件方式复制如下地址,补上前面补上https: 完整的地址为:https://at.alicdn.com/t/font_1911079_a4go6gdw4y6.ttfnvue页面代码,看备注哦~<template> <view class="main-wrapper"> <!--...原创 2020-07-23 19:33:28 · 3338 阅读 · 3 评论 -
uni-app nvue 阻止事件冒泡 .stop 修饰符不生效的解决方案
如下图,在事件绑定是使用了.stop事件修饰符,在H5,小程序,普通app项目中起作用,但在nvue项目中无效解决方案:在事件中添加条件编译即可// #ifdef APP-NVUEe.stopPropagation()// #endif原创 2020-07-08 14:41:12 · 6966 阅读 · 3 评论 -
error: could not install *smartsocket* listener: cannot bind to 127.0.0.1:5037
HbuilderX无法识别到夜神模拟器打开控制台,输入adb devices发现报错List of devices attachedadb server version (31) doesn't match this client (36); killing...error: could not install *smartsocket* listener: cannot ...原创 2020-02-18 09:52:51 · 1460 阅读 · 0 评论 -
vue项目全局异常日志处理方案(uni-app示例)
Vue有一个配置Vue.config.errorHandler,用于指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可获取错误信息和 Vue 实例。我们可以借助这个函数,进行应用的错误日志记录并做一些自定义的处理(兜底),防止出现一些严重异常导致应用挂掉。一般情况下错误日志可以在前端页面中展示,并且需要记录到数据库中。在异常发生时我们可以调用接口存储到后台,前端查询的实现可以使用状态管理(如果需要持久化存储就配合本地存储,但一般不太建议,因为异常太多的话会影响性能)首先,我们可以原创 2020-05-16 15:25:29 · 8464 阅读 · 7 评论 -
uni-app使用字体图标(iconfont)
1、打开阿里巴巴字体图标网站,选择图标库2、选择想要的图标,点击购物车图标添加入库,依次添加想要的图标,完成后点击右上角的购物车图标3、点击添加至项目(如果没有新建过项目,这里会显示“添加项目”),选择(或新增)一个项目4、点击下载至本地5、解压下载的文件,复制iconfont.css至项目的static目录下6、按照以下描述处理文件7、处理完成后的文件8、在APP.vue中引入图标9、页面中使用10、...原创 2020-05-11 09:52:43 · 2415 阅读 · 0 评论 -
uni-app跨全端树形组件
https://ext.dcloud.net.cn/plugin?id=1000原创 2020-05-09 15:40:29 · 10691 阅读 · 0 评论 -
解决UNI-APP "请注意 showLoading 与 hideLoading 必须配对使用" 问题
直接使用uni.showLoading()和uni.hideLoading()经常会出现"请注意 showLoading 与 hideLoading 必须配对使用" 的问题原因:loading全局只创建一个,hideLoading可能会触发多次导致loading已经被隐藏,没有达到预期的配对效果,虽然不至于报错,但是警告提示也让人感觉很不舒服。解决方案:用计数器记录loading被调...原创 2020-05-07 12:10:38 · 39087 阅读 · 6 评论 -
vue 项目利用 vuex+mixins 实现全局换肤及多语言
项目中需要做一个全局换肤(主题色)以及多语言的需求,在通用页更改,全局生效。我们都知道,vue是MVVM模式,即模型-视图-视图模型,视图更新,数据会跟着更新,反之也一样。但是仅仅在当前组件生效,那么:如何在一处修改数据就能触发全局视图的更新呢?答案就是vuex状态管理。有了状态管理,如何将主题色,语言数据等注入每一个组件呢?我们可以用mixin(混入),单组件混入或全局混入都...原创 2020-02-24 10:42:13 · 1645 阅读 · 0 评论 -
uni-app 将接口 promise 化
由于uni-app不完全支持proxy,所以需要自行实现一个proxy类,代理uni的接口,将success和fail的回调转为resolve和reject.**这里只是一个小练习,H5端可以用,但在其他端uni对象被代理不能直接访问,所以在在H5端用着玩玩就好promisfy.jsfunction isObject(target) { return typeof(target) ...原创 2020-02-16 15:48:53 · 3205 阅读 · 5 评论 -
unable to connect to 127.0.0.1:62001: cannot connect to 127.0.0.1:62001: 由于目标计算机积极拒绝,无法连接
HbuilderX无法检测到夜神模拟器原因:端口号不正确解决方案:cdD:\Program Files\Nox\bin输入adb devices会显示如下信息:接下来,在HbuilderX中运行》运行到手机或模拟器》Android模拟器端口设置修改端口号为62025重新点击 运行》运行到手机或模拟器,即可检测到端口号...原创 2019-12-18 16:14:50 · 3831 阅读 · 0 评论 -
uni-app IOS设备图片选择后空白,选择多张图片,最后一张图片不显示
罪魁祸首:在公共的样式文件中写了image{will-change: transform}解决方案:删掉image{will-change: transform}原创 2019-12-16 12:41:23 · 1261 阅读 · 0 评论 -
TypeError: undefined is not an object (evaluating 'o.type.name')
uni-app启动报错,造成白屏,H5端正常,小程序和APP报错如下:reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->TypeErr...原创 2019-12-16 12:34:00 · 22707 阅读 · 3 评论 -
UNI-APP开发工具与环境
开发工具与环境IDE: HBuilderX、微信开发者工具HBuilderX:http://www.dcloud.io/hbuilderx.html微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html真机运行PC端,手机端安装360手机助手或其他驱动,启用开发者选项U...原创 2019-05-14 11:22:14 · 10974 阅读 · 0 评论