uniapp 项目实践总结(二十)URLScheme 协议知识总结

导语:在日常开发过程中,我们经常可以碰到很多的调起某个应用,打开唤醒某个 APP,链式启动 App 等场景,背后就涉及到了 URLScheme 协议的相关知识,下面就简单介绍一下。 目录 简介 常见 URL Scheme 跳转方法 实战演练 案例展示 简介 URL Scheme是一个可以让 APP 之间互相跳转的协议,每个 ...

uniapp 项目实践总结(十九)版本更新和热更新实现方法

导语:当一个 APP 应用开发完成以后,就要上架应用商店,但有时候修改一些小问题或者推出一些活动,又不想频繁地提交应用商店审核,那么就可以使用应用内更新功能来进行应用的版本升级更新或热更新,下面就介绍一下实现的方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在/pages/index文件夹下面新建一个`versi ...

uniapp 项目实践总结(十八)自定义多列瀑布流组件

导语:有时候展示图片等内容,会遇到图片高度不一致的情况,这时候就不能使用等高双列或多列展示了,这时候会用到瀑布流的页面布局,下面就一起探讨一下瀑布流的实现方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在pages/index文件夹下面新建一个waterfall.vue的组件; 按照前面文章所说的页面结 ...

uniapp项目实践总结(十七)实现滚动触底加载

导语:在日测的开发过程中,经常会碰到页面需要渲染大量数据的情况,这时候就需要用到滚动加载功能,下面总结一下方法。 目录 原理分析 实战演练 案例展示 原理分析 使用@scrolltolower事件来监听滚动到底部,然后加载下一页的数据。 实战演练 模板页面 `html <scroll-view ...

uniapp项目实践总结(十六)自定义下拉刷新组件

导语:在日常的开发过程中,我们经常遇到下拉刷新的场景,很方便的刷新游览的内容,在此我也实现了一个下拉刷新的自定义组件。 目录 准备工作 原理分析 组件实现 实战演练 内置刷新 案例展示 准备工作 在components新建一个q-pull文件夹,并新建一个q-pull.vue的组件; 按照前面文章所说的 ...

uniapp项目实践总结(十五)使用websocket实现简易聊天室

导语:在一些社交软件中,经常可以看到各种聊天室的界面,接下来就总结一下聊天室的原理个实现方法,最后做一个简易的聊天室,包括登录/登出、加入/离开房间、发送接收聊天消息等功能。 目录 准备工作 原理分析 组件实现 实战演练 服务端搭建 案例展示 准备工作 在pages/index文件夹下面新建一个名叫chat的组件 ...

uniapp 项目实践总结(十四)封装存储和路由方法

导语:在日常 APP 开发过程中,经常要用到数据的存储、获取和删除等操作以及页面导航之间的跳转,为此,封装了一个两个简单的方法来统一调用。 目录 原理分析 方法实现 实战演练 案例展示 原理分析 主要是以下 API。 uni.setStorage:保存数据到本地缓存中; uni.getStorage:获取保存的缓 ...

uniapp 项目实践总结(十三)封装文件操作方法

导语:在日常 APP 开发过程中,经常要进行文件的保存、读取列表以及查看和删除文件等操作,接下来就看一下具体的方法。 目录 原理分析 方法实现 实战演练 案例展示 原理分析 主要是以下 API。 uni.saveFile:保存文件到本地缓存列表; uni.getSavedFileList:获取保存文件列表; - ...

uniapp 项目实践总结(十二)封装通用请求上传以及下载方法

导语:在日常开发过程中,前端经常要和后端进行接口联调,获取并且渲染数据到页面中,接下来就总结一下 uniapp 中获取请求、文件下载和上传的一些方法。 目录 原理分析 方法实现 实战演练 案例展示 原理分析 主要是使用uni.request方法来发送请求,uni.downloadFile方法来下载文件,`uni.uploadFi ...

uniapp 项目实践总结(十一)自定义网络检测组件

导语:很多时候手机设备会突然没网,这时候就需要一个网络检测组件,在没网的时候显示提示用户,提供用户体验。 目录 准备工作 原理分析 组件实现 实战演练 案例展示 准备工作 在components新建一个q-online文件夹,并新建一个q-online.vue的组件; 按照前一篇所说的页面结构,编写好预定的网 ...