09 2023 档案

uniapp项目实践总结(二十四)安卓平台 APP 打包教程
摘要：导语：当你的应用程序开发完成后，在上架安卓应用商店之前，需要进行打包操作，下面简单介绍一下打包方法。 目录 准备工作 配置项目 生成证书 打包配置 准备工作 在打包之前，请保证你的 uniapp 应用程序编译到安卓手机模拟器的 App 是可以正常运行的，APP 打包分为安卓和 ios 两个平台，下面 阅读全文
posted @ 2023-09-26 20:19 MarkGuan 阅读(701) 评论(0) 推荐(0)
uniapp项目实践总结(二十三)网页和小程序应用打包教程
摘要：导语：当你的应用程序开发完成后，在发布到互联网之前，需要进行打包操作，包括网页端、小程序端的打包。 目录 准备工作 网页打包 小程序打包 准备工作 在打包之前，请保证你的 uniapp 应用程序编译到网页、小程序是可以正常运行的。 网页打包 编写好应用之后，如需打包到 web 平台，可以选中当前项目 阅读全文
posted @ 2023-09-26 20:12 MarkGuan 阅读(172) 评论(0) 推荐(0)
uniapp项目实践总结(二十二)分包优化和游客模式
摘要：导语：这篇主要介绍应用分包和游客模式相关的内容。 目录 应用分包 游客模式 应用分包 微信对于小程序的打包压缩后的代码体积是有限制的，网页和 APP 也可以适用分包功能，因此需要进行分包添加以及分包优化。 分包添加 在pages.json文件中添加分包的信息。例如：有一个名叫user的分包，里面有一 阅读全文
posted @ 2023-09-25 20:36 MarkGuan 阅读(182) 评论(0) 推荐(0)
uniapp项目实践总结(二十一)日常开发方法汇总
摘要：导语：在跨端应用的日常的开发过程中|经常要用到一些全局通用方法|下面就整理一下我经常用的方法|仅供参考。 目录 路由拦截 数据处理 文本转换 禁用手势 缓存管理 权限列表 系统通知 案例展示 路由拦截 主要是uni.addInterceptor添加拦截器和uni.removeInterceptor移 阅读全文
posted @ 2023-09-24 12:10 MarkGuan 阅读(585) 评论(0) 推荐(0)
uniapp项目实践总结(二十)URLScheme 协议知识总结
摘要：导语：在日常开发过程中，我们经常可以碰到很多的调起某个应用，打开唤醒某个 APP，链式启动 App 等场景，背后就涉及到了 URLScheme 协议的相关知识，下面就简单介绍一下。 目录 简介 常见 URL Scheme 跳转方法 实战演练 案例展示 简介 URL Scheme是一个可以让 APP 阅读全文
posted @ 2023-09-22 20:52 MarkGuan 阅读(1930) 评论(0) 推荐(0)
uniapp项目实践总结(十九)版本更新和热更新实现方法
摘要：导语：当一个 APP 应用开发完成以后，就要上架应用商店，但有时候修改一些小问题或者推出一些活动，又不想频繁地提交应用商店审核，那么就可以使用应用内更新功能来进行应用的版本升级更新或热更新，下面就介绍一下实现的方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在/pages/index 阅读全文
posted @ 2023-09-20 19:58 MarkGuan 阅读(630) 评论(0) 推荐(0)
uniapp项目实践总结(十八)自定义多列瀑布流组件
摘要：导语：有时候展示图片等内容，会遇到图片高度不一致的情况，这时候就不能使用等高双列或多列展示了，这时候会用到瀑布流的页面布局，下面就一起探讨一下瀑布流的实现方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在pages/index文件夹下面新建一个waterfall.vue的组件； 按照 阅读全文
posted @ 2023-09-19 20:26 MarkGuan 阅读(895) 评论(0) 推荐(0)
uniapp项目实践总结(十七)实现滚动触底加载
摘要：导语：在日测的开发过程中，经常会碰到页面需要渲染大量数据的情况，这时候就需要用到滚动加载功能，下面总结一下方法。 目录 原理分析 实战演练 案例展示 原理分析 使用@scrolltolower事件来监听滚动到底部，然后加载下一页的数据。 实战演练 模板页面 <scroll-view :scroll- 阅读全文
posted @ 2023-09-18 21:16 MarkGuan 阅读(920) 评论(0) 推荐(0)
uniapp项目实践总结(十六)自定义下拉刷新组件
摘要：导语：在日常的开发过程中，我们经常遇到下拉刷新的场景，很方便的刷新游览的内容，在此我也实现了一个下拉刷新的自定义组件。 目录 准备工作 原理分析 组件实现 实战演练 内置刷新 案例展示 准备工作 在components新建一个q-pull文件夹，并新建一个q-pull.vue的组件； 按照前面文章所 阅读全文
posted @ 2023-09-17 19:10 MarkGuan 阅读(1171) 评论(0) 推荐(0)
uniapp项目实践总结(十五)使用websocket实现简易聊天室
摘要：导语：在一些社交软件中，经常可以看到各种聊天室的界面，接下来就总结一下聊天室的原理个实现方法，最后做一个简易的聊天室，包括登录/登出、加入/离开房间、发送接收聊天消息等功能。 目录 准备工作 原理分析 组件实现 实战演练 服务端搭建 案例展示 准备工作 在pages/index文件夹下面新建一个名叫 阅读全文
posted @ 2023-09-13 21:27 MarkGuan 阅读(536) 评论(0) 推荐(0)
uniapp项目实践总结(十四)封装存储和路由方法
摘要：导语：在日常 APP 开发过程中，经常要用到数据的存储、获取和删除等操作以及页面导航之间的跳转，为此，封装了一个两个简单的方法来统一调用。 目录 原理分析 方法实现 实战演练 案例展示 原理分析 主要是以下 API。 uni.setStorage：保存数据到本地缓存中； uni.getStorage 阅读全文
posted @ 2023-09-09 22:20 MarkGuan 阅读(216) 评论(0) 推荐(0)
uniapp项目实践总结(十三)封装文件操作方法
摘要：> 导语：在日常 APP 开发过程中，经常要进行文件的保存、读取列表以及查看和删除文件等操作，接下来就看一下具体的方法。 ## 目录 - 原理分析 - 方法实现 - 实战演练 - 案例展示 ## 原理分析 主要是以下 API。 - `uni.saveFile`：保存文件到本地缓存列表； - `uni 阅读全文
posted @ 2023-09-08 20:47 MarkGuan 阅读(1376) 评论(0) 推荐(0)
uniapp项目实践总结(十二)封装通用请求上传以及下载方法
摘要：> 导语：在日常开发过程中，前端经常要和后端进行接口联调，获取并且渲染数据到页面中，接下来就总结一下 uniapp 中获取请求、文件下载和上传的一些方法。 ## 目录 - 原理分析 - 方法实现 - 实战演练 - 案例展示 ## 原理分析 主要是使用`uni.request`方法来发送请求，`uni 阅读全文
posted @ 2023-09-07 21:09 MarkGuan 阅读(776) 评论(0) 推荐(0)
uniapp项目实践总结(十一)自定义网络检测组件
摘要：> 导语：很多时候手机设备会突然没网,这时候就需要一个网络检测组件,在没网的时候显示提示用户,提供用户体验。 ## 目录 - 准备工作 - 原理分析 - 组件实现 - 实战演练 - 案例展示 ## 准备工作 - 在`components`新建一个`q-online`文件夹，并新建一个`q-onlin 阅读全文
posted @ 2023-09-06 20:45 MarkGuan 阅读(360) 评论(0) 推荐(0)
uniapp项目实践总结(十)自定义滑动触摸组件
摘要：> 在 APP 的日常开放过程中，我们经常可以看到上拉刷新、下拉刷新、左滑、右滑、触底加载等效果，那其中的原理是如何呢，又是如何实现的呢，下面就一探究竟。这篇文章主要是讲述自定义滑动触摸组件的方放，兼容网页 H5 端、微信小程序端和 App 端。 ## 目录 * 准备工作 * 原理分析 * 组件实现 阅读全文
posted @ 2023-09-05 21:08 MarkGuan 阅读(367) 评论(0) 推荐(0)
uniapp 项目实践总结(九)自定义分享组件
摘要：> 这篇文章主要是讲述自定义分享组件的方放，兼容网页 H5 端、微信小程序端和 App 端。 ## 目录 - 准备工作 - 原理分析 - 组件实现 - H5 和 App - 小程序 - 案例展示 ## 准备工作 - 首先我们从图标图库网站上面找一些常用的分享图标并下载下来； - 在`componen 阅读全文
posted @ 2023-09-04 21:04 MarkGuan 阅读(894) 评论(0) 推荐(0)
uniapp项目实践总结(八)自定义加载组件
摘要：> 有时候一个页面请求接口需要加载很长时间，这时候就需要一个加载页面来告知用户内容正在请求加载中，下面就写一个简单的自定义加载组件。 ## 目录 - 准备工作 - 逻辑思路 - 实战演练 - 效果预览 ## 准备工作 在之前的全局组件目录`components`下新建一个组件文件夹，命名为`q-lo 阅读全文
posted @ 2023-09-03 18:10 MarkGuan 阅读(409) 评论(0) 推荐(0)
uniapp项目实践总结(七)编写一个简单的应用页面
摘要：> 之前自定义了顶部和底部导航栏，那接下来就写一个简单的二级页面，这个是出了导航页面之外经常用到的。 ## 目录 - 结构 - 模板 - 样式 - 方法 - 示例 ## 结构 一个普通页面的结构应该是如下所示： ```html 列表内容 ``` ## 模板 uniapp 内置了常用的组件，可以直接使 阅读全文
posted @ 2023-09-02 21:26 MarkGuan 阅读(308) 评论(0) 推荐(0)
uniapp项目实践总结(六)自定义顶部导航栏
摘要：> 本篇主要讲述如何自定义顶部导航栏，有时候默认导航栏不足以满足我们的需求，这时候就需要自定义导航栏来解决这个问题。 ## 目录 - 默认导航 - 修改配置 - 自定义顶部 ## 默认导航 自带的默认顶部导航设置的内容有限，不容易扩展修改，因此如果有更加个性化的需求，则需要自定义顶部导航。 配置如下 阅读全文
posted @ 2023-09-01 22:15 MarkGuan 阅读(1927) 评论(0) 推荐(0)