
uni-app
随便起的名字也被占用
卷心菜,即菜又卷,还是菜,继续卷。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
uniapp中如何全局拦截页面跳转,全局拦截api的方法
场景:uniapp开发的app或小程序 有时候应用未登录需要跳转到登录页面,比如在接口拦截中判断如果接口返回401 就跳转到登录页面,但是有的页面会一次加载很多个接口,就会造成程序多次跳转到登录页面,用户体验不好,如何优化呢 或者其他场景需要拦截固定的页面做一些需求。我这里就简单记录一下如何使用:拦截多次跳转登录。uniapp有个全局的拦截api的方法。可以去官网文档查看如何使用。原创 2023-06-26 19:17:15 · 5002 阅读 · 2 评论 -
uni-app 半屏地图拖拽滚动底部半屏,仿高德搜索拖拽
uniapp 微信小程序拖拽半屏展开收缩,类似于高德地图半屏搜索原创 2022-06-24 09:39:46 · 2387 阅读 · 2 评论 -
uni-app app清除app缓存,使用一段时间app数据图片等缓存清理,记录一下
uni-app app清除本地的缓存,app使用一段时间缓存数据导致app卡顿,清理缓存记录一下操作设置里面有清理缓存按钮,点击按钮清除缓存export default { components: { uniIcons, uniPopup, confirmPop }, data() { return { fileSizeString: "" } }, onLoad() { this.formatSize() },.原创 2021-01-27 18:28:02 · 6067 阅读 · 2 评论 -
uni-app快速入手 ——(11)uni-app如何简单快速使用websocket
第一步创建一个websocket.jsimport variable from './variable.js'//ws长连接...var connect = function(userId) { uni.connectSocket({ url: variable.socketUrl + userId }); uni.onSocketOpen(function(res) { console.log('WebSocket连接已打开!'); }); uni.onSocketError.原创 2020-09-08 16:06:46 · 1657 阅读 · 1 评论 -
uni-app快速入手 ——(10)ios上scroll-view局部滚动区域卡顿,滚动区域事件卡顿替代方案
在制作类似于picker 弹框多选时使用 scroll-view,在安卓上很流畅,但是在ios13上很卡顿,滚动到顶部或底部直接卡死,而且滚动区域的事件也很卡顿,经常无效不能触发,本文解决方案是 使用swiper替代scroll-view此弹框就是scroll-view 滑动卡顿代替方案:<template> <view> <uni-popup ref="multiplePop" type="bottom" style="width: 100%;..原创 2020-08-15 00:34:33 · 4340 阅读 · 2 评论 -
uni-app快速入手 ——(9)uni-app中webview 加载状态,加载loading自定义
webview 加载时候监听加载完毕//获取webview页面 var currentWebview = this.$mp.page.$getAppWebview().children()[4];//加载时候 loading plus.nativeUI.showWaiting()//监听加载完毕 关闭loading currentWebview.addEventListener('loaded', function() { plus.nativeUI.closeWaiti原创 2020-07-31 16:09:24 · 6675 阅读 · 1 评论 -
uni-app快速入手 ——(8)如何获取客户端版本号 ,跳转应用是商店;如何打开外部应用,跳转appstore
1、获取客户端应用版本号plus.runtime.getProperty(plus.runtime.appid,(wgtinfo)=>{ console.log(JSON.stringify(wgtinfo));//客户端详情数据 console.log(wgtinfo.version);//应用版本号})2、跳转应用市场 前提 已在应用市场上架if (plus.os.name == "Android") { let appurl = "...原创 2020-07-21 16:49:57 · 2682 阅读 · 1 评论 -
uni-app快速入手 ——(7)uni-app是用webview在iPhoneX以上机型解决“刘海”问题,去除安全区问题
记录一下在uni-app中使用webview 页面出现刘海问题,查询资料解决iphoneX的“刘海”为相机和其他组件留出了空间,同时在底部也留有可操作区域。那么网站边尴尬了~被限制在了这样的“安全区域”内,两边会出现一道白条。解决的方案是:1、给body添加一个background;2、添加viewport-fit=cover meta标签,使页面占满整个屏幕。<meta name="viewport" content="width=device-width, initial-scale原创 2020-07-06 10:09:44 · 3112 阅读 · 0 评论 -
uni-app快速入手 ——(6)uni.navigateBack返回上一页如何刷新数据,调取上一页的事件
pageA 页面A事件 refreshRequest() { //刷新数据事件 },pageB 页面B // 返回刷新 backPageRefresh(){ let pages = getCurrentPages(); // 当前页面 let beforePage = pages[pages.length - 2]; // 前一个页面 console.log("beforePage",beforePage); consol原创 2020-05-29 16:48:23 · 6935 阅读 · 0 评论 -
uni-app快速入手 ——(5)项目实战 一 自定义组件+组件传值,uni.createAnimation()在app中如果是数组渲染的话无效果解决
在项目搭建中可能某一模块频繁使用,这样为了方便组件的复用性,就可以单独建一个组件使用本文说演示示例是一个评分打星星组件一、首先在项目中建文件 名称为components uni-app组件目录 和vue项目一样在components新建组件 starComp.vue<template name="helloComp"> <view> <vie...原创 2020-04-21 17:43:59 · 2326 阅读 · 0 评论 -
uni-app快速入手 ——(4)项目实战 一 搭建项目,tabBar设置和单页page设置
tabBar 的属性配置官方文档链接https://uniapp.dcloud.io/collocation/pages?id=tabbar在page.json中配置例如:{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "page...原创 2020-04-21 17:28:43 · 1672 阅读 · 0 评论 -
uni-app快速入手 ——(3)生命周期
应用生命周期uni-app支持如下应用生命周期函数:函数名 说明 onLaunch 当uni-app初始化完成时触发(全局只触发一次) onShow 当uni-app启动,或从后台进入前台显示 onHide 当uni-app从前台进入后台 onError 当uni-app报错时触发 onUniNViewMessage ...原创 2020-03-14 16:07:47 · 573 阅读 · 0 评论 -
uni-app快速入手 ——(2)uni-app 事件处理、事件绑定、事件传参,uni-app事件对应web事件
uni-app 的事件处理器几乎全支持Vue官方文档:事件处理器// 事件映射表,左侧为 WEB 事件,右侧为 ``uni-app`` 对应事件{ click: 'tap', touchstart: 'touchstart', touchmove: 'touchmove', touchcancel: 'touchcancel', touche...原创 2020-03-05 13:42:47 · 2785 阅读 · 2 评论 -
uni-app快速入手 ——(1)学会搭建基础项目,如何建uni-app项目和运行
uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。DCloud公司拥有420万开发者,几十万应用案例、6.5亿手机端月活用户,数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app(详见),腾讯课堂官方为uni-app录制培训课...原创 2020-03-05 13:43:53 · 10230 阅读 · 1 评论