美文网首页
小程序开发心得

小程序开发心得

作者: Chris__Liu | 来源:发表于2019-01-21 16:15 被阅读0次

通过三周的时间,经历了一次完整的前后端分离的开发过程,下面说说我对小程序新的理解和一些前后端分离的看法。

开发前准备

1. 与UI沟通

主要是根据原型图来分析功能完成的事件,和一些效果的实现,其中有一些功能删了改,改了还要删,浪费了很多时间,身处小公司,找个好的UI很难,最关键是缺少UE环节,我这边的话压力就很大了,还要兼顾用户体验这一环节,大体上来说功能上我主导了话语权,交互上也做了分析,哪些可以实现,哪些实现比较困难,都进行了沟通,最后确定最后原型图。

2.与后端协商接口

这点上自己没什么经验,基本上都是通过以前自己做的项目中经验来要接口,需求文档自己也不会写,只能拿着原型图去告诉他们我需要哪些参数和需要的数据类型,后端接口文档上也进行了标注,之后就是接口的注释问题。这样的话就我一个前端还是可以做到很好的约定,但是团队变大,项目变复杂的话这样并不是很明智的做法,这也是我需要学习的地方,有一个文档需求规范。

3.原型图组件需求分析

前端准备方面主要是把一些服用的组件抽离出来,把一些复杂功能的组件进行单独封装。由于之前没有经验,在处理一些表单判断的时候踩了一些坑,但是自己还是填补上了。但是也发现自己在封装组件方面还是有所欠缺,这是今后需要学习的地方。

开发中的问题

1.后端交互

接口测试协商,jwt进行前端鉴权,post进行传值,代替之前的cookie和session。小程序的第三方接口的调用登录,每个页面的逻辑,跳转权限判断。自己也进行了模拟接口测试,总的来说之前已经经历过,把之前的知识点串联了一遍。

2.想象与bug的距离

小程序自带地图组件中带着许多的坑,层级关系,标记和气泡的使用场景,还有底层未处理的bug,本来想用气泡的点击属性来做用户回应,但是安卓机有bug并不是能去使用,只能用最原始的吐司来进行与用户交互。

开发中的反思

1.一些可有服用的组件可以抽取,现阶段缺少抽取组件的一些能力,最近也在看小程序一些组件库,学习他们抽取组件库的思路,有时间的话可以自己造一些轮子。
2.接口文档协议这方面从第一次开发的角度来说自己感觉良好,但是还是缺乏对后端的了解,在一些数据协定方面还要多考虑一些问题,避免拿过来一些用不到的数据。
3.要提高重构意识,在开发中大量的服用信息没有及时去重构,最后发现无法下手去改,改完了怕有bug存在。最好事写完一个功能后就重构一次代码。
4.对前端鉴权有了新的认识,JWT第一次实际使用,对HTTP知识又复习了一遍。总的来说这是一个很完整的开发体验。

相关文章

  • 小程序开发心得

    最近我们要上小程序的项目,作为一名开发人员首当其冲的要参与研发攻坚~ 大家或多或少的应该对小程序有所耳闻,...

  • 小程序开发心得

    小程序开发前后用了半个月结束了,对于其中遇到的一些注意事项记录一下:1.小程序中 登录设计2.数据缓存清除问题3....

  • 小程序开发心得

    通过三周的时间,经历了一次完整的前后端分离的开发过程,下面说说我对小程序新的理解和一些前后端分离的看法。 开发前准...

  • 潍坊小程序开发

    潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍...

  • 潍坊商城小程序开发制作

    潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍坊小程序开发潍...

  • 小程序开发心得(一)

    第一次正式开发一个小程序,就从以下几个方面来谈一谈小程序的开发过程和心得吧,主要说说这次项目中用到的功能。 数据请...

  • 小程序开发心得(二)

    实现地区三级联选 1.picker 这是小程序自带的一个组件,用来实现单选。现支持三种选择器,通过mode来区分,...

  • 新手转战小程序开发心得

    小程序开发心得 得益于会react,会点jQuery,也会点vue,研究了一下小程序,发现这东西有好处也有坏处。 ...

  • 2018-08-23

    小程序初次使用心得体会 之前是用vue来做开发的,最近刚开始谢小程序,写过小程序的小伙伴都知道,小程序和vue是比...

  • 微信云开发之-云函数、云存储、云数据库、云用户管理

    微信小程序为了方便开发,提供了云开发功能。能够方便的做一些功能交互,下面以我自己的一款小程序做示例,分享一些心得。...

网友评论

      本文标题:小程序开发心得

      本文链接:https://www.haomeiwen.com/subject/mdtodqtx.html