1、站在用户角度使用
拿到ui设计稿,把所有的页面先点一点,大概了解有哪些功能?在这一步,我们可以参考其他成熟的软件,如果有类似的功能的话,就去点一点,了解每个操作。知道新功能的基本流程是哪些。
2、站在技术角度
要思考自己上一步都做了些什么。每个功能的要点在哪里。实现的难点在哪里。可能会发生什么样的情况,类似于if…else方式的思考。这一步,我们作为技术,考虑的是如何实现
3、具体实现
1)可以用写注释的方式,把每个步骤的注释都提前写好,然后开始撸码
2)使用百度脑图,把这个功能从头捋一遍。
按照“是什么、为什么、怎么做、有什么用”的思路,首先,简述你负责的项目,让别人有所了解,接着,你在项目中是怎么去操作的,为什么要这么做,其次,这个项目的做法起到什么用,有什么值得借鉴的地方、有什么需要改进的地方。基本按照这个思路,“骨”和“肉”就出来了。最好是分点表达,凸显逻辑,避免冗杂。
4、登录页面(分在线和离线)
在线登录 :填手机号,验证码,座位号,安全须知
离线登录 :填手机号,座位号,安全须知
如何控制在线和离线的页面展示不一样?
首先在线和离线页面元素的区别:
在线页面有验证码,底部显示在线
离线页面有验证码,底部显示离线
v-show=“online” online是true显示在线,false显示离线
初始化设置online是false,也就是默认不显示