美文网首页
2020-02-13 前端开发流程优化

2020-02-13 前端开发流程优化

作者: 独享奢华 | 来源:发表于2020-02-14 18:05 被阅读0次

开发前

项目需求分析

一、拿到原型图,先自我解析需求,画出思维导图,流程图
在拿到原型图时,可以先理清我们的需求
1、依赖的外部资源

  • 后端提供的接口
  • UI出图的布局
  • 后期频繁改动的地方

2、需要实现的效果

  • 弹窗
  • 下拉刷新
  • 动画效果
  • 吸顶效果
  • 懒加载、预加载、防抖、节流

二、明确需求
在需求评审会,1找到需求文档中不太合理或模棱两可的地方,完善需求文档;2明确产品需求。
会后进一步整理需求
细化细节,整理有疑问的地方,与产品、设计等其他人进行确认

页面设计

提供开源框架或业界流行框架给产品和UI设计师,探讨能否在开源组件框架库的基础上进行设计,借助框架避免重复造轮子和踩坑。

技术选型,库/框架选型

1、团队同事的技能知识储备是否支撑起使用该技术开发
2、看项目的复杂程度,对扩展性、易维护、开发效率进行考量
3、框架UI设计风格是否跟项目匹配

开发中

编码

1、先思考交流,再动手
准备开发一个功能模块时,先理清自己的思路,然后跟旁边的小伙伴交流一下。
2、及时反馈问题
开发过程中遇到需求细节问题,立即找产品确认并解决细节问题然后更新需求文档,记得给测试说下需求有调整,要让所有参与方都明确需求。
3、另外,如果发现开发难度比当初想象的要大,难以在自己评估的时间内完成(直白点说就是你高估了自己的水平),赶紧给上司说做不完需要加时间。
4、提取剥离相同或相似结构,封装成模板或组件。
提取剥离公共js方法,保存到util.js。
提取公用样式css,保存到common.css。

开发后

测试

1.自测
2.及时code review
我比较建议每完成一个小的功能模块就code review一次,这样code review的目标很明确并且review方的压力也比较小。

维护

每天留出一块时间专门用以处理bug,而不是让产品或测试同事打断开发思路。

最后,保持学习的动力,通过不断的学习提高自己的技术能力,扩宽自己的视野,

相关文章

  • 2020-02-13 前端开发流程优化

    开发前 项目需求分析 一、拿到原型图,先自我解析需求,画出思维导图,流程图在拿到原型图时,可以先理清我们的需求1、...

  • 虎牙前端职位信息

    职位描述 1. 负责公司Web前端直播产品的相关开发任务。 2. 负责梳理和优化前端开发流程,搭建高效集成的前端开...

  • 自动化构建

    process.env.NODE_ENV读环境变量 Gulp 优化前端开发流程的工具。基于流,gulp.src使用...

  • 一个eos dapp的区块链小游戏开发学习笔记

    开发流程:1,eos环境搭建,及adpp开发流程说明2,创建前端源码框架,编写前端源码3,创建智能合约目录,编写智...

  • f2e-server

    基于Nodejs平台API,从提供最基本的文件服务器出发, 扩展前端开发、联调、测试、发布、文档、优化等工作流程的...

  • 撩课-Web大前端每天5道面试题-Day25

    1.web前端开发,如何提高页面性能优化? 2.前端开发中,如何优化图像?图像格式的区别? 3.Vue的双向数据绑...

  • 撩课-Web大前端每天5道面试题-Day22

    1.web前端开发,如何提高页面性能优化? 2.前端开发中,如何优化图像?图像格式的区别? 3.Vue的双向数据绑...

  • 性能优化

    +WEB前端性能优化:HTML,CSS,JS和服务器端优化对前端开发工程师来说,前端性能优化的重要性是不言而喻的,...

  • 2020-07-27 webpack学习

    1.前端工程化将前端的开发流程规范化、标准化、包括开发流程、技术选型、代码规范、构建发布等,用于提升前端工程师的开...

  • 前端性能优化 -- 从 10 多秒到 1.05 秒

    关于 性能优化 是个大的面,这篇文章主要涉及到 前端 的几个点,如 前端性能优化 的流程、常见技术手段、工具等。 ...

网友评论

      本文标题:2020-02-13 前端开发流程优化

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