发表于: 2017-03-10 09:12:00

2 1293


今天完成的事情:

复盘项目正式做完了,记录整理一下做一个前端项目要分哪些部分,需要走哪些流程。按我自己的理解来说。

一、项目的内容

    1.并不只是写网页,分前台和后台

      a.前台指的是用户直接浏览体验的网页;就是我们css任务到js任务四的东西

      b.后台就是给网站的管理人员使用的网页,对接口中的内容进行增删改查,前台展示的内容很多是从接口中获取再 进行渲染的,这些内容之所以要从接口获取,就是因为今后会时时发生改变,所以一个大型的网站,后台肯定是必须的;对应的是js5-10的内容


    2.工具、代码管理

      a.做项目实际敲代码,几乎必须用webstorm,它自带的关联svn、git、github这些代码管理服务非常便利,之前只是写任务,简单的传传代码,并没有没有养成代码管理的习惯,也没有体会到代码版本问题,就一直把它搁在一边,还是习惯于用sublime;而做项目了以后,webstorm的全局查找功能,还有代码版本恢复,代码版本控制,冲突后的合并处理功能,这些几乎天天都要用。

      b.配置nginx;虽然css任务二就开始用了,但几乎是js的任务学完,才真正明白一点门道,用的最多的还是配置angular路由的本地端口,方便本地查看项目,其中接口的跨域问题是配置的重点,还有请求的接口地址写法也有讲究,具体我也不太说的上来,只能说现在会用了。是一个需要认真对待的技能点。


     3.开发环境

       a.这里指的是,配合使用的前端框架,对项目的文件、文件夹做一个分类和配置;以达到对代码文件的理解能一目了然,方便维护。

        比如一个基本的结构:

        

       

       b.以angular为例,更具体来说,首先路由的配置层次要分的比任务细,比如页头页尾要单独分出来;其次是封装的概念,公共样式的封装,指令的封装、请求接口的封装。最后是底层的一些配置,我并不是很清楚,也只会拿来用而已。


二、项目流程

1.一开始由pm确定需求做出原型图,开发人员也就是我们要对照原型和需求进行理解,需求指的就是网页要实现什么样的功能,不理解不确定的地方要与pm及时沟通,不能想当然。


2.拟写方案,这里的方案是指,每个需求具体在开发时你打算怎么写,一开始比较菜的话应该越详细越好,用到什么插件,什么具体的方法都要写,比如对接口怎么获取怎么处理,要研究透,用哪个接口。有没有不清楚不确定的,要及时与后端人员沟通,不能只研究个大概。


3.方案评审没问题了,要开始细分开发的顺序和需求,也就是拆task,并拟定task完成时间,拟定demo时间。


4.具体开发参照ui


5.开发完成后就是demo了,demo之前要进行ui自检、代码检查、性能测试;具体标准版邮件中也都有,性能测试这个说实话不知道有哪些改善的方法。


这个流程是我们修真院的流程,不过不管在哪这一套感觉都是比较基础和通用的。


遇到的困难:angular的知识还是学的不太扎实,特别是http还有传参的字段拼接这些。


明天计划的事情:今天听了修真院12期的方案评审,官网代码环境讲解,等具体的任务分下来了就开始按流程开发。


收获:如上。



返回列表 返回列表
评论

    分享到