为了账号安全,请及时绑定邮箱和手机立即绑定

[MUI学习] 单机APP练手

之前看到MUI组件很漂亮,于是就结合文档做了个练手项目。因为没有自己的服务器,同时也为了以后找工作时演示方便,所以所有流程都放在前端实现,其实就是个单机版的APP。虽然模拟服务端的做法在实际开发中意义不大,不过我猜可能对做毕业设计的同学会有点用。

0、效果预览

图片描述

1、技术栈

数据库:indexedDB
服务器API:用Server.js模拟
客户端存储:localStorage
框架:MUI、VUE

2、项目结构

引用文字

3、相关问题

(1)在webview中访问互联网网址有时会白屏没回应,即便有的网站能访问,速度也会非常慢;
(2)MUI打包的webview对vw和vh支持很不友好,初始化时会不起作用,但如果该元素绑定了事件,那么当事件触发时,vw和vh才会凑效,后来逼不得已只好使用rem来实现;
(3)input[type='file']无法使用,我没找到好办法,最后只能暂且使用H5的plus.io.requestFileSystem等方法实现,实在太繁杂;
(4)之前我在慕课网问过的一个问题
(5)我的首页并没有设置下拉刷新,但是却可以下拉;而“供求信息”设置了下拉刷新,但没有下拉的动画,好尴尬(有知道的烦请指点);
(6)即便一切资源都在本地,但如果一个页面没有预加载,那么打开时也会有明显的延迟(注册页面和登录页面的切换目测400ms);
(7)期间试用了H5的API调照相机,但导致程序重启,这个网上倒是搜索到一些同遭遇的,但自己尚未实验确认。

先这样吧,想不起别的了。

4、后记

目前整个项目的业务还不合理、不能自圆其说,后续会完善其它功能。

项目APK&源码奉上,发现BUG请告知,谢谢。

点击查看更多内容
10人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
37
获赞与收藏
70

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消