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

快速切入前端项目的步骤

作者: 忧忧自恼 | 来源:发表于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. 初入前端,面对一个项目应注意哪些?

相关文章

  • 快速切入前端项目的步骤

    引言 当你接手一个老项目的需求改造任务,快速切入项目的步骤如下。 1.了解业务背景以及现有界面展示的业务逻辑 先去...

  • 云公司 - jf项目 前端使用手册

    前端使用手册 前言 该文档的目的,是想要前端开发人员可以快速上手整个项目的开发。(会持续补充) 项目的基本目录结构...

  • 前端学习ing..

    学习步骤: 快速入门Web前端开发的正确姿势 工具 Visual Studio Code:微软开源,比sublim...

  • 基于Vue_CLI3快速上手Vue

    近期团队有需求承接一些H5方面的开发,为了方便团队成员快速从原生移动端切入前端,特梳理一篇Vue快速上手文章。 概...

  • 05

    0 目的 Git快速链接 1 设备 MACBitbucket.org 2 步骤 1 create repo on ...

  • docker 构建前端项目, 公共 node_modules 镜

    docker 构建前端项目, 公共 node_modules 镜像 目的 通过docker 快速搭建项目开发环境 ...

  • 快速切入意象

    沉浸十分钟,然后写。开篇有三种,1.天气。下雨了,刮风了,天晴了等。2.环境类。门开了,他来到车站,等等。3.情绪...

  • 第一节课:费曼学习法

    目的 快速理解和掌握一项知识 记得时间更久 重点 讲的时候要深入浅出、通俗易懂 要不断的尝试讲得更明白 分六个步骤

  • 快速抽离,快速切入

    快速抽离,快速切入的能力 昨晚少儿组的孩子们在线上比赛时,其中一个选手是在车里头试镜的。 我记得当时小小主持人说了...

  • 快速入门前端开发指北

    快速入门前端开发指北 最近做了一个手机的产品站,纯前端的项目,对动效和设计的要求较高,本人也是初次涉足前端项目的完...

网友评论

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

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