美文网首页
快速切入前端项目的步骤

快速切入前端项目的步骤

作者: 忧忧自恼 | 来源:发表于2018-04-26 10:45 被阅读0次

    引言


    当你接手一个老项目的需求改造任务,快速切入项目的步骤如下。

    1.了解业务背景以及现有界面展示的业务逻辑


    先去了解项目产生的前因后果。
    然后了解项目业务整体的流程。

    找产品经理,要产品需求文档。
    哪里不懂,问哪里。

    接着去理解分配给你的业务和需求。
    幸运的是,你要理解的业务有文档。
    不幸的是,有些文档是用代码表达。

    还得找人。这人叫前任。
    要是找不到,或者记不清,那就头皮硬着读代码吧。

    2. 理解程序配置


    • 找到程序的入口文件
    • 观察目录结构,整体了解组件的组织方式
    • 理解权限的控制
    • 理解状态的控制方式

    3.理解技术选型以及代码理解


    库和框架

    列出项目中使用的库和框架。
    举个例子,我现在接手的就用到以下这些:
    seajs,crystal,alinw组件,kuma样式库,slikgrid,handlebars,jQuery,国际化方案,数据mock方式。
    不熟悉?逐个找官网,进行五分钟入门。

    联调和线上调试

    联调找后端。
    后端没准备好,自己mock数据。
    后端接口没约定好,自己造接口。

    线上调试用代理。
    你用seajs,可用seajs-debug。
    其它的话,可用Fiddler或charles。

    代码组织方式

    库和框架的区别是什么?
    框架是挖好坑,让你填。库是给你把铲子自己挖。
    如果你有用框架,大概的代码组织方式就明了。
    比如属性定义,普通函数声明,事件回调函数注册,及模块入口和生命周期的阶段,它们的大概位置基本定了。
    如果你没用框架,且那一页代码有五千行。那就头皮硬着读代码,写注释,理清数据流动方向和各模块的依赖关系吧。

    参考索引


    1. 快速切入前端项目的步骤
    2. 怎样才能在接手到一个陌生的大型的已完成的项目时快速理清这个项目的结构和原理?
    3. 初入前端,面对一个项目应注意哪些?

    相关文章

      网友评论

          本文标题:快速切入前端项目的步骤

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