摘要: 导语:在日常开发过程中,我们经常可以碰到很多的调起某个应用,打开唤醒某个 APP,链式启动 App 等场景,背后就涉及到了 URLScheme 协议的相关知识,下面就简单介绍一下。 目录 简介 常见 URL Scheme 跳转方法 实战演练 案例展示 简介 URL Scheme是一个可以让 APP 阅读全文
posted @ 2023-09-22 20:52 MarkGuan 阅读(448) 评论(0) 推荐(0) 编辑
摘要: 导语:当一个 APP 应用开发完成以后,就要上架应用商店,但有时候修改一些小问题或者推出一些活动,又不想频繁地提交应用商店审核,那么就可以使用应用内更新功能来进行应用的版本升级更新或热更新,下面就介绍一下实现的方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在/pages/index 阅读全文
posted @ 2023-09-20 19:59 MarkGuan 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 导语:有时候展示图片等内容,会遇到图片高度不一致的情况,这时候就不能使用等高双列或多列展示了,这时候会用到瀑布流的页面布局,下面就一起探讨一下瀑布流的实现方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在pages/index文件夹下面新建一个waterfall.vue的组件; 按照 阅读全文
posted @ 2023-09-19 20:26 MarkGuan 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 导语:在日测的开发过程中,经常会碰到页面需要渲染大量数据的情况,这时候就需要用到滚动加载功能,下面总结一下方法。 目录 原理分析 实战演练 案例展示 原理分析 使用@scrolltolower事件来监听滚动到底部,然后加载下一页的数据。 实战演练 模板页面 <scroll-view :scroll- 阅读全文
posted @ 2023-09-18 21:17 MarkGuan 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 导语:在日常的开发过程中,我们经常遇到下拉刷新的场景,很方便的刷新游览的内容,在此我也实现了一个下拉刷新的自定义组件。 目录 准备工作 原理分析 组件实现 实战演练 内置刷新 案例展示 准备工作 在components新建一个q-pull文件夹,并新建一个q-pull.vue的组件; 按照前面文章所 阅读全文
posted @ 2023-09-17 19:10 MarkGuan 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 导语:在一些社交软件中,经常可以看到各种聊天室的界面,接下来就总结一下聊天室的原理个实现方法,最后做一个简易的聊天室,包括登录/登出、加入/离开房间、发送接收聊天消息等功能。 目录 准备工作 原理分析 组件实现 实战演练 服务端搭建 案例展示 准备工作 在pages/index文件夹下面新建一个名叫 阅读全文
posted @ 2023-09-13 21:28 MarkGuan 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 导语:在日常 APP 开发过程中,经常要用到数据的存储、获取和删除等操作以及页面导航之间的跳转,为此,封装了一个两个简单的方法来统一调用。 目录 原理分析 方法实现 实战演练 案例展示 原理分析 主要是以下 API。 uni.setStorage:保存数据到本地缓存中; uni.getStorage 阅读全文
posted @ 2023-09-09 22:20 MarkGuan 阅读(52) 评论(0) 推荐(0) 编辑
摘要: > 导语:在日常 APP 开发过程中,经常要进行文件的保存、读取列表以及查看和删除文件等操作,接下来就看一下具体的方法。 ## 目录 - 原理分析 - 方法实现 - 实战演练 - 案例展示 ## 原理分析 主要是以下 API。 - `uni.saveFile`:保存文件到本地缓存列表; - `uni 阅读全文
posted @ 2023-09-08 20:47 MarkGuan 阅读(272) 评论(0) 推荐(0) 编辑
摘要: > 导语:在日常开发过程中,前端经常要和后端进行接口联调,获取并且渲染数据到页面中,接下来就总结一下 uniapp 中获取请求、文件下载和上传的一些方法。 ## 目录 - 原理分析 - 方法实现 - 实战演练 - 案例展示 ## 原理分析 主要是使用`uni.request`方法来发送请求,`uni 阅读全文
posted @ 2023-09-07 21:09 MarkGuan 阅读(203) 评论(0) 推荐(0) 编辑
摘要: > 导语:很多时候手机设备会突然没网,这时候就需要一个网络检测组件,在没网的时候显示提示用户,提供用户体验。 ## 目录 - 准备工作 - 原理分析 - 组件实现 - 实战演练 - 案例展示 ## 准备工作 - 在`components`新建一个`q-online`文件夹,并新建一个`q-onlin 阅读全文
posted @ 2023-09-06 20:46 MarkGuan 阅读(133) 评论(0) 推荐(0) 编辑