随笔分类 -  前端框架库

前端框架库
摘要:导语:在 APP 的日常开发过程中,权限检测与授权是不可避免的一项重要的功能,下面就简单介绍一下如何检测和授权的方法。 目录 原理 方法 实战 原理 此授权方法主要是依托于 HTML5 产业联盟的HTML5+规范实现的。 HTML5 产业联盟官网 获取当前操作系统名称 可以使用uni.getSyst 阅读全文
posted @ 2023-10-29 15:02 MarkGuan 阅读(3313) 评论(0) 推荐(0)
摘要:导语:在日常开发中,有时候会在项目中引入 ts 来解决一些 js 的问题,下面就简单介绍一下如何使用 vue3+ts+router+pinia 来搭建一个项目。 目录 简介 创建 安装 配置 实战 简介 vue3 目前是常用的 vue 版本,提供了组合式 API 以及一些新的功能和特性;ts 这种类 阅读全文
posted @ 2023-10-19 20:32 MarkGuan 阅读(358) 评论(0) 推荐(0)
摘要:在日常开发过程中,经常会碰到代码格式化不一致的问题,还要就是 js 代码语法错误等没有及时发行改正,下面就介绍一下如何使用eslint、prettier、husky、lint-staged、commitizen来规范代码格式和提高代码质量的方法。 目录 准备工作 代码检测 代码格式化 Git 规范 阅读全文
posted @ 2023-10-05 21:56 MarkGuan 阅读(456) 评论(1) 推荐(0)
摘要:导语:之前介绍了如何打包一个苹果安装包文件,如果想要上架苹果 ios 应用商店,那么就来这里学习一下方法吧。 目录 准备材料 上架步骤 审核事项 准备材料 基本信息 构建版本:需要一个 ipa 格式安装包; logo:你应用的 logo 图标; 应用名称:名称经过审核后才会显示在 App Store 阅读全文
posted @ 2023-10-04 20:53 MarkGuan 阅读(300) 评论(0) 推荐(0)
摘要:导语:之前介绍了如何打包一个安卓安装包文件,如果想要上架安卓应用商店,那么就来这里学习一下方法吧。 目录 准备材料 应用商店 注册账号 上架步骤 审核事项 准备材料 基本信息 安装包:需要 32 或 64 位; 包名:打包配置时填写的包名; logo:你应用的 logo 图标; 应用名称:你的应用的 阅读全文
posted @ 2023-10-03 20:40 MarkGuan 阅读(439) 评论(0) 推荐(0)
摘要:导语:当你的应用程序开发完成后,在上架 ios 应用商店之前,需要进行打包操作,下面就简单介绍一下打包方法。 目录 准备工作 注册账号 生成证书 打包配置 准备工作 在打包之前,请保证你的 uniapp 应用程序编译到 ios 模拟器或者是真机调试基座环境下是可以正常运行的,苹果打包的过程比较复杂, 阅读全文
posted @ 2023-10-01 12:44 MarkGuan 阅读(881) 评论(0) 推荐(0)
摘要:导语:当你的应用程序开发完成后,在上架安卓应用商店之前,需要进行打包操作,下面简单介绍一下打包方法。 目录 准备工作 配置项目 生成证书 打包配置 准备工作 在打包之前,请保证你的 uniapp 应用程序编译到安卓手机模拟器的 App 是可以正常运行的,APP 打包分为安卓和 ios 两个平台,下面 阅读全文
posted @ 2023-09-26 20:19 MarkGuan 阅读(779) 评论(0) 推荐(0)
摘要:导语:当你的应用程序开发完成后,在发布到互联网之前,需要进行打包操作,包括网页端、小程序端的打包。 目录 准备工作 网页打包 小程序打包 准备工作 在打包之前,请保证你的 uniapp 应用程序编译到网页、小程序是可以正常运行的。 网页打包 编写好应用之后,如需打包到 web 平台,可以选中当前项目 阅读全文
posted @ 2023-09-26 20:12 MarkGuan 阅读(210) 评论(0) 推荐(0)
摘要:导语:这篇主要介绍应用分包和游客模式相关的内容。 目录 应用分包 游客模式 应用分包 微信对于小程序的打包压缩后的代码体积是有限制的,网页和 APP 也可以适用分包功能,因此需要进行分包添加以及分包优化。 分包添加 在pages.json文件中添加分包的信息。例如:有一个名叫user的分包,里面有一 阅读全文
posted @ 2023-09-25 20:36 MarkGuan 阅读(227) 评论(0) 推荐(0)
摘要:导语:在跨端应用的日常的开发过程中|经常要用到一些全局通用方法|下面就整理一下我经常用的方法|仅供参考。 目录 路由拦截 数据处理 文本转换 禁用手势 缓存管理 权限列表 系统通知 案例展示 路由拦截 主要是uni.addInterceptor添加拦截器和uni.removeInterceptor移 阅读全文
posted @ 2023-09-24 12:10 MarkGuan 阅读(638) 评论(0) 推荐(0)
摘要:导语:在日常开发过程中,我们经常可以碰到很多的调起某个应用,打开唤醒某个 APP,链式启动 App 等场景,背后就涉及到了 URLScheme 协议的相关知识,下面就简单介绍一下。 目录 简介 常见 URL Scheme 跳转方法 实战演练 案例展示 简介 URL Scheme是一个可以让 APP 阅读全文
posted @ 2023-09-22 20:52 MarkGuan 阅读(2088) 评论(0) 推荐(0)
摘要:导语:当一个 APP 应用开发完成以后,就要上架应用商店,但有时候修改一些小问题或者推出一些活动,又不想频繁地提交应用商店审核,那么就可以使用应用内更新功能来进行应用的版本升级更新或热更新,下面就介绍一下实现的方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在/pages/index 阅读全文
posted @ 2023-09-20 19:58 MarkGuan 阅读(678) 评论(0) 推荐(0)
摘要:导语:有时候展示图片等内容,会遇到图片高度不一致的情况,这时候就不能使用等高双列或多列展示了,这时候会用到瀑布流的页面布局,下面就一起探讨一下瀑布流的实现方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在pages/index文件夹下面新建一个waterfall.vue的组件; 按照 阅读全文
posted @ 2023-09-19 20:26 MarkGuan 阅读(950) 评论(0) 推荐(0)
摘要:导语:在日测的开发过程中,经常会碰到页面需要渲染大量数据的情况,这时候就需要用到滚动加载功能,下面总结一下方法。 目录 原理分析 实战演练 案例展示 原理分析 使用@scrolltolower事件来监听滚动到底部,然后加载下一页的数据。 实战演练 模板页面 <scroll-view :scroll- 阅读全文
posted @ 2023-09-18 21:16 MarkGuan 阅读(964) 评论(0) 推荐(0)
摘要:导语:在日常的开发过程中,我们经常遇到下拉刷新的场景,很方便的刷新游览的内容,在此我也实现了一个下拉刷新的自定义组件。 目录 准备工作 原理分析 组件实现 实战演练 内置刷新 案例展示 准备工作 在components新建一个q-pull文件夹,并新建一个q-pull.vue的组件; 按照前面文章所 阅读全文
posted @ 2023-09-17 19:10 MarkGuan 阅读(1214) 评论(0) 推荐(0)
摘要:导语:在一些社交软件中,经常可以看到各种聊天室的界面,接下来就总结一下聊天室的原理个实现方法,最后做一个简易的聊天室,包括登录/登出、加入/离开房间、发送接收聊天消息等功能。 目录 准备工作 原理分析 组件实现 实战演练 服务端搭建 案例展示 准备工作 在pages/index文件夹下面新建一个名叫 阅读全文
posted @ 2023-09-13 21:27 MarkGuan 阅读(601) 评论(0) 推荐(0)
摘要:导语:在日常 APP 开发过程中,经常要用到数据的存储、获取和删除等操作以及页面导航之间的跳转,为此,封装了一个两个简单的方法来统一调用。 目录 原理分析 方法实现 实战演练 案例展示 原理分析 主要是以下 API。 uni.setStorage:保存数据到本地缓存中; uni.getStorage 阅读全文
posted @ 2023-09-09 22:20 MarkGuan 阅读(242) 评论(0) 推荐(0)
摘要:> 导语:在日常 APP 开发过程中,经常要进行文件的保存、读取列表以及查看和删除文件等操作,接下来就看一下具体的方法。 ## 目录 - 原理分析 - 方法实现 - 实战演练 - 案例展示 ## 原理分析 主要是以下 API。 - `uni.saveFile`:保存文件到本地缓存列表; - `uni 阅读全文
posted @ 2023-09-08 20:47 MarkGuan 阅读(1460) 评论(0) 推荐(0)
摘要:> 导语:在日常开发过程中,前端经常要和后端进行接口联调,获取并且渲染数据到页面中,接下来就总结一下 uniapp 中获取请求、文件下载和上传的一些方法。 ## 目录 - 原理分析 - 方法实现 - 实战演练 - 案例展示 ## 原理分析 主要是使用`uni.request`方法来发送请求,`uni 阅读全文
posted @ 2023-09-07 21:09 MarkGuan 阅读(816) 评论(0) 推荐(0)
摘要:> 导语:很多时候手机设备会突然没网,这时候就需要一个网络检测组件,在没网的时候显示提示用户,提供用户体验。 ## 目录 - 准备工作 - 原理分析 - 组件实现 - 实战演练 - 案例展示 ## 准备工作 - 在`components`新建一个`q-online`文件夹,并新建一个`q-onlin 阅读全文
posted @ 2023-09-06 20:45 MarkGuan 阅读(397) 评论(0) 推荐(0)