资讯专栏INFORMATION COLUMN

前端外包项目开发心得

dayday_up / 3460人阅读

摘要:我参与的第一个前端外包项目即将完成测试地址通过这个外包项目我学习到了一些前端项目多人开发的经验,在这里分享给大家,菜鸟第一次做电商项目,欢迎吐槽。。。在这里,分工明确指的不仅是每个人分模块开发,而是要细致到每一行代码。

我参与的第一个前端外包项目即将完成,(测试地址:http://jpptest.leanapp.cn)
通过这个外包项目我学习到了一些前端项目多人开发的经验,在这里分享给大家,菜鸟第一次做电商项目,欢迎吐槽。。。

多人合作时要分工明确

由于团队成员都比较习惯使用github,我们选用github作为代码仓库。刚开始的时候,我们经常陷入代码冲突的问题,十分尴尬。究其原因,是我们的分工不够明确。在这里,分工明确指的不仅是每个人分模块开发,而是要细致到每一行代码。

因为大多数项目都有很多可复用的代码,如基本的按钮模块。在这种模块中有时我们要根据项目的推进修改代码,在这里只有两种方式,一种是在别人的基础上改进,一种是直接修改核心代码。第一种容易造成代码冗余,而第二种则极易造成代码冲突,前期我们经常把时间花在解决冲突上,后期我们为了避免冲突就全部采用了第一种方式,造成大量代码冗余。

这里介绍下,样式方面,我们选用的是compass+sass预编译工具。刚开始,我们只是把一些可复用的代码放进_common.scss里,比如下面这种:

a.large-button {
  text-decoration: none;
  width: 192px;
  height: 50px;
  line-height: 50px;
  background-color: $orange;
  display: inline-block;
  color: #ffffff;
  font-size: 22px;
  text-align: center;
  cursor: pointer;
}

a.large-button:hover {
  color: white;
}

然后在需要的地方@import "_common.scss",然而随着项目的推进,修改它的成员越来越多,极易造成代码冲突,在以后的项目中应该尽量把代码细分,如_button.scss、_form.scss等,然后每人负责一个模块或者安排专人负责。

还有就是一些可复用的微调样式,如字体、对齐等尽量写成mixin的形式,这样使用起来比较方便,不需要引入一堆class。

与后端沟通好交互方式再开工

刚开始的时候我们有些自以为是,比如看到有个输入框就写了表单,结果人家后来说用Ajax,比如弹出层的逻辑等等,如果早知道这些情况的话我们说不定可以给出更优的布局或样式方案,所以要与后端沟通好交互方式再开工。

(未完待续)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116383.html

相关文章

  • 外包公司与小公司你选哪个?

    摘要:当然外包公司是稳赚不赔的,即使公司没有了,老板股东也已经赚到了钱。 最近换了公司也就没有更新文章,因为刚到新公司也比较忙,下班也不想动。不过还是不能松懈,接下来会写些docker方面的东西,今天就 谈谈换工作的心得。 1.危机感 网上一直说我们这一行已经不行了,好多互联网公司都在大规模的裁员,包括前段时间的oracle中国区裁员。所以当你找工作或是换工作的时候都会有危机感,怕自己找不到...

    高璐 评论0 收藏0
  • 外包公司与小公司你选哪个?

    摘要:当然外包公司是稳赚不赔的,即使公司没有了,老板股东也已经赚到了钱。 最近换了公司也就没有更新文章,因为刚到新公司也比较忙,下班也不想动。不过还是不能松懈,接下来会写些docker方面的东西,今天就 谈谈换工作的心得。 1.危机感 网上一直说我们这一行已经不行了,好多互联网公司都在大规模的裁员,包括前段时间的oracle中国区裁员。所以当你找工作或是换工作的时候都会有危机感,怕自己找不到...

    Airy 评论0 收藏0
  • Vue-book 2.0 一个移动端简单的全栈 web APP

    摘要:本项目是一个简单的全栈项目,前端新手可以拿来练练手。项目实现了一些简单的功能,后台可以对图书进行录入录出扫码或手动,前台显示录入的图书,并且前台注册登录后可以将书的订单发给服务器,并存到服务器。 Vue-book 2.0 Github 地址:https://github.com/percy507/v... 【觉得不错就来个 star 吧 ^_^】 说明(菜鸟请进,大神绕道 ~) 前端...

    wh469012917 评论0 收藏0
  • Vue-book 2.0 一个移动端简单的全栈 web APP

    摘要:本项目是一个简单的全栈项目,前端新手可以拿来练练手。项目实现了一些简单的功能,后台可以对图书进行录入录出扫码或手动,前台显示录入的图书,并且前台注册登录后可以将书的订单发给服务器,并存到服务器。 Vue-book 2.0 Github 地址:https://github.com/percy507/v... 【觉得不错就来个 star 吧 ^_^】 说明(菜鸟请进,大神绕道 ~) 前端...

    NotFound 评论0 收藏0
  • 经验分享:微信小程序外包接单常见问题及流程

    摘要:从九月底内测到现在已经三个半月凌晨一点睡觉已经习以为常也正是这样才让无前端经验的我做微信小程序开发并不感到费劲最近才开始接微信小程序的外包项目目前已经签下了五份合同成品出了两个加上转给朋友做的正在谈的算起来有十来个项目距离微信正式开放的时间 从九月底内测到现在已经三个半月.凌晨一点睡觉已经习以为常,也正是这样,才让无前端经验的我做微信小程序开发并不感到费劲.最近才开始接微信小程序的外包...

    chunquedong 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<