前端开发工作汇报

前端开发工作汇报frontenddevelopmentreport.汇报人：罗剑涛部门：研发中心一、工作总结了解产品investigationproduct1选定技术架构selectedtechnicalframework2开发约定developmentagreement3成果展示resultsdisplay4123大量的数据操作与渲染档案数据管理面向互联网云管理数据检索档案查询系统了解产品investigationproduct0102010102HTML5/CSS3编码UI框架javascript(ES5/6/7)Element-UIVue、Vue-Cli、Vuex、Vue-RouterMockAxios选定技术架构selectedtechnicalframework基础架构前后端完全分离，跨域调用接口调试，分别部署与上线开发模式经过沟通确定了API文档交互方案，以方便前后端调用、调试接口时查看API文档的生产规范了接口返回数据的格式，方便前端构建展示的数据接口返回规范数据模型决定了组件的封装与代码风格编写，直接影响代码的维护成本，以及组件的通用性各个实体/数据模型的数据结构开发约定developmentagreement项目的基础权限渲染决定了模块化的走向项目的权限结构渲染产品展示-PC端resultsdisplay产品展示-PC端resultsdisplay产品展示-PC端resultsdisplay产品展示-PC端resultsdisplay产品展示-移动端resultsdisplay产品展示-WebPDF阅读器resultsdisplay产品展示-关系图谱resultsdisplay产品展示-项目结构resultsdisplaycommon：公用工具类库modules：

模块库

docAnalysis：统计分析模块docSearch：搜索模块

error：错误处理模块

login：登录模块

sysManager：系统管理模块theme：主题样式库vuex：全局状态库language：全球语义化文字库config：全局配置文件二、意见反馈开发过程developmentprocess2需求确认demandconfirmation1清晰、完整的产品原型，可以减少开发过程中会犯的不必要的错误原型产出需求确认projectinvestigation如果能确认需求会变更，需要及早通知，能将即将变更的方向也一并告知那是最好需求变更以数据驱动页面的开发模式，就要求后台开发人员尽早确定数据模型，好让彼此知道要用多少接口，要拿多少次数据，从而能评估功能开发难度建立数据模型术业有专攻，前端开发和UI设计不可混为一谈，即使项目对美观程度要求不高，但是一旦面对着挑剔的客户，就会导致项目频繁返工，最终导致结项延长UI设计开发过程-传统开发流程developmentprocess需求确认数据设计编写前端逻辑编写前端页面自测联调对接接口编写后端逻辑整体调试提测前端返工后端返工上线开发过程-理想的开发流程developmentprocess需求确认开发页面实现原型数据设计构建接口定义接口、规范编写逻辑模拟请求自测编写逻辑Postman自测联调返工提测前端开发后端开发详尽清晰的文档，可以减少很多没必要的沟通时间，并且在联调时能尽量达到彼此想要的效果接口文档前端的每一行代码都运行在客户的电脑上，从性能上考虑，前端通过接口获得的数据应该尽量避免重新构建可用数据，以免浪费性能接口数据简化联调过程中可能后端会修改了接口数据，进度如果没有同步，那么很有可能会造成前端脚本报错，返测无法发现联调进度同步联调中应该有个开发用的服务器，可以让前端更稳定的调试接口，也不会因为后端改BUG而暂停调试开发用服务器由于前后端分离，双端建立联系只能通过大量接口，如果接口返回无意义的数据，那么就会造成数据包太大，用户要承担时间成本，服务器也要承受数据压力接口数据最小化测试提问题的时候，应该附带浏览器型号、版本、模式，以及产生BUG的步骤和预期的反应BUG复现开发过程developmentprocess三、目标高度独立，高度定制，可随意切换版本、复用灵活的模块化统一编码风格，详尽的版本说明，低耦合的代码结构无痛的代码维护与迭代前后端各司其职，以最理想的模式