UNIAPP初体验

目前前端框架已经基本都是基于uniapp进行开发,包括小程序、app。因而自己在做应用的时候也不想再用原生去做了,开发维护两套原生代码成本太高了。另外一个原因是,目前公司的各种产品整体感受还算ok,没有太大的问题。

当然,跨平台框架还是蛮多的,至于选择哪一个可能最终产品的体验差别会有所区别。但是基于效率和开发者数量,uniapp也不失为一个不错的选择。

作为一个非专业的前端程序媛,做界面确实遇到了一些困难,主要是样式布局等。当然这些东西可以照着抄,目前也是这么干的。在开发过程中也浏览了不少uniapp的组件库,到目前的体验来看,这些组件虽然不错,但是要满足自己的需求却比较困难。

先看下到目前为止的界面样式吧。

前后端对接之后的效果:

目前日历组件用的是《改进版的mr-calendar多选范围日历组件》 https://ext.dcloud.net.cn/plugin?id=7251 ,但是在使用过程中出现了几个问题:

1.数据更新之后不会主动刷新

2.开启单选模式之后,已经渲染的数据无法变化样式

当然,也有可能是自己使用的方法不对,这个东西最终还是在同事的帮助下进行了一系列的修改。

另外一个问题就是,经期的管理和记录功能比之前想的要复杂,包含:

1.开始时间,结束时间记录
2.动态调整开始时间,延长缩短结束时间
3.事件记录与经期记录重叠,日历图标绘制
4.不同生理时间段的计算,绘制
5.动态调整开始结束的文案。

在开发app的过程中,后端代码也在同步不断更新。

前端代码记录:

整体来说,实际的功能实现,比预想的要复杂一些。当然,这个和自己做前端不是很专业也有关系。嗯嗯,

还是得努力学习啊,做个专业的程序媛。 kiss

☆版权☆

* 网站名称:obaby@mars
* 网址:https://nai.dog/
* 个性:https://oba.by/
* 本文标题: 《UNIAPP初体验》
* 本文链接:https://nai.dog/2023/10/13727
* 短链接:https://oba.by/?p=13727
* 转载文章请标明文章来源,原文标题以及原文链接。请遵从 《署名-非商业性使用-相同方式共享 2.5 中国大陆 (CC BY-NC-SA 2.5 CN) 》许可协议。


You may also like

40 comments

  1.  Level 4
    Google Chrome 118 Google Chrome 118 Android 10 Android 10 cnAsia/Shanghai

    每当有新文章发布我就会在这里爬过,爬……爬……_(:з」∠)_

  2. Level 5
    Firefox 118 Firefox 118 Windows 10 Windows 10 cn云南省昆明市 电信

    厉害喔,APP是我盲区,现成的给我都看不懂,更不用说写或修改了

    1. 公主 Queen 
      Google Chrome 116 Google Chrome 116 Mac OS X 10.15 Mac OS X 10.15 cn山东省青岛市 联通

      其实各种开发主要是熟悉框架了就成功了一大半了,现在就是各种框架啊,组件啊不熟悉。所以效率有点低

    1. 公主 Queen 
      Google Chrome 116 Google Chrome 116 Mac OS X 10.15 Mac OS X 10.15 cn山东省青岛市 移动

      我这也是边学边搞,一步一个坑。哈哈哈。各种拼凑代码,不忍直视啊。

  3.   Level 5
    Firefox 115 Firefox 115 GNU/Linux GNU/Linux cnGuangdong Shenzhen

    uniapp挺好用的,我也开发了两个app,不用学习ios和安卓了,不过会开发的女博主我还是第一次看到,应该开发些私密相册之类的app

  4. Level 1
    Google Chrome 109 Google Chrome 109 Windows 10 Windows 10 cnShanxi Taiyuan

    您好,看你的站做的挺不错的,有没有出手的打算,想出手的话,联系QQ1587894193。

    1. 公主 Queen 
      Google Chrome 116 Google Chrome 116 Windows 10 Windows 10 cnShandong Qingdao

      嗯嗯,原生效率会好一些。但是,我这种小应用完全没必要·~嘻嘻

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注