成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

前端外包項(xiàng)目開(kāi)發(fā)心得

dayday_up / 3599人閱讀

摘要：我參與的第一個(gè)前端外包項(xiàng)目即將完成測(cè)試地址通過(guò)這個(gè)外包項(xiàng)目我學(xué)習(xí)到了一些前端項(xiàng)目多人開(kāi)發(fā)的經(jīng)驗(yàn)，在這里分享給大家，菜鳥(niǎo)第一次做電商項(xiàng)目，歡迎吐槽。。。在這里，分工明確指的不僅是每個(gè)人分模塊開(kāi)發(fā)，而是要細(xì)致到每一行代碼。

我參與的第一個(gè)前端外包項(xiàng)目即將完成,（測(cè)試地址：http://jpptest.leanapp.cn）
通過(guò)這個(gè)外包項(xiàng)目我學(xué)習(xí)到了一些前端項(xiàng)目多人開(kāi)發(fā)的經(jīng)驗(yàn)，在這里分享給大家，菜鳥(niǎo)第一次做電商項(xiàng)目，歡迎吐槽。。。

多人合作時(shí)要分工明確

由于團(tuán)隊(duì)成員都比較習(xí)慣使用github，我們選用github作為代碼倉(cāng)庫(kù)。剛開(kāi)始的時(shí)候，我們經(jīng)常陷入代碼沖突的問(wèn)題，十分尷尬。究其原因，是我們的分工不夠明確。在這里，分工明確指的不僅是每個(gè)人分模塊開(kāi)發(fā)，而是要細(xì)致到每一行代碼。

因?yàn)榇蠖鄶?shù)項(xiàng)目都有很多可復(fù)用的代碼，如基本的按鈕模塊。在這種模塊中有時(shí)我們要根據(jù)項(xiàng)目的推進(jìn)修改代碼，在這里只有兩種方式，一種是在別人的基礎(chǔ)上改進(jìn)，一種是直接修改核心代碼。第一種容易造成代碼冗余，而第二種則極易造成代碼沖突，前期我們經(jīng)常把時(shí)間花在解決沖突上，后期我們?yōu)榱吮苊鉀_突就全部采用了第一種方式，造成大量代碼冗余。

這里介紹下，樣式方面，我們選用的是compass+sass預(yù)編譯工具。剛開(kāi)始，我們只是把一些可復(fù)用的代碼放進(jìn)_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"，然而隨著項(xiàng)目的推進(jìn)，修改它的成員越來(lái)越多，極易造成代碼沖突，在以后的項(xiàng)目中應(yīng)該盡量把代碼細(xì)分，如_button.scss、_form.scss等，然后每人負(fù)責(zé)一個(gè)模塊或者安排專(zhuān)人負(fù)責(zé)。

還有就是一些可復(fù)用的微調(diào)樣式，如字體、對(duì)齊等盡量寫(xiě)成mixin的形式，這樣使用起來(lái)比較方便，不需要引入一堆class。

與后端溝通好交互方式再開(kāi)工

剛開(kāi)始的時(shí)候我們有些自以為是，比如看到有個(gè)輸入框就寫(xiě)了表單，結(jié)果人家后來(lái)說(shuō)用Ajax，比如彈出層的邏輯等等，如果早知道這些情況的話我們說(shuō)不定可以給出更優(yōu)的布局或樣式方案，所以要與后端溝通好交互方式再開(kāi)工。

（未完待續(xù)）

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/116383.html

相關(guān)文章

  • 外包公司與小公司你選哪個(gè)？

    摘要：當(dāng)然外包公司是穩(wěn)賺不賠的，即使公司沒(méi)有了，老板股東也已經(jīng)賺到了錢(qián)。 最近換了公司也就沒(méi)有更新文章，因?yàn)閯偟叫鹿疽脖容^忙，下班也不想動(dòng)。不過(guò)還是不能松懈，接下來(lái)會(huì)寫(xiě)些docker方面的東西，今天就 談?wù)創(chuàng)Q工作的心得。 1.危機(jī)感 網(wǎng)上一直說(shuō)我們這一行已經(jīng)不行了，好多互聯(lián)網(wǎng)公司都在大規(guī)模的裁員，包括前段時(shí)間的oracle中國(guó)區(qū)裁員。所以當(dāng)你找工作或是換工作的時(shí)候都會(huì)有危機(jī)感，怕自己找不到...

    高璐 評(píng)論0 收藏0

  • Vue-book 2.0 一個(gè)移動(dòng)端簡(jiǎn)單的全棧 web APP

    摘要：本項(xiàng)目是一個(gè)簡(jiǎn)單的全棧項(xiàng)目，前端新手可以拿來(lái)練練手。項(xiàng)目實(shí)現(xiàn)了一些簡(jiǎn)單的功能，后臺(tái)可以對(duì)圖書(shū)進(jìn)行錄入錄出掃碼或手動(dòng)，前臺(tái)顯示錄入的圖書(shū)，并且前臺(tái)注冊(cè)登錄后可以將書(shū)的訂單發(fā)給服務(wù)器，并存到服務(wù)器。 Vue-book 2.0 Github 地址：https://github.com/percy507/v... 【覺(jué)得不錯(cuò)就來(lái)個(gè) star 吧 ^_^】 說(shuō)明（菜鳥(niǎo)請(qǐng)進(jìn)，大神繞道 ~） 前端...

    wh469012917 評(píng)論0 收藏0

  • Vue-book 2.0 一個(gè)移動(dòng)端簡(jiǎn)單的全棧 web APP

    摘要：本項(xiàng)目是一個(gè)簡(jiǎn)單的全棧項(xiàng)目，前端新手可以拿來(lái)練練手。項(xiàng)目實(shí)現(xiàn)了一些簡(jiǎn)單的功能，后臺(tái)可以對(duì)圖書(shū)進(jìn)行錄入錄出掃碼或手動(dòng)，前臺(tái)顯示錄入的圖書(shū)，并且前臺(tái)注冊(cè)登錄后可以將書(shū)的訂單發(fā)給服務(wù)器，并存到服務(wù)器。 Vue-book 2.0 Github 地址：https://github.com/percy507/v... 【覺(jué)得不錯(cuò)就來(lái)個(gè) star 吧 ^_^】 說(shuō)明（菜鳥(niǎo)請(qǐng)進(jìn)，大神繞道 ~） 前端...

    NotFound 評(píng)論0 收藏0

  • 經(jīng)驗(yàn)分享：微信小程序外包接單常見(jiàn)問(wèn)題及流程

    摘要：從九月底內(nèi)測(cè)到現(xiàn)在已經(jīng)三個(gè)半月凌晨一點(diǎn)睡覺(jué)已經(jīng)習(xí)以為常也正是這樣才讓無(wú)前端經(jīng)驗(yàn)的我做微信小程序開(kāi)發(fā)并不感到費(fèi)勁最近才開(kāi)始接微信小程序的外包項(xiàng)目目前已經(jīng)簽下了五份合同成品出了兩個(gè)加上轉(zhuǎn)給朋友做的正在談的算起來(lái)有十來(lái)個(gè)項(xiàng)目距離微信正式開(kāi)放的時(shí)間 從九月底內(nèi)測(cè)到現(xiàn)在已經(jīng)三個(gè)半月.凌晨一點(diǎn)睡覺(jué)已經(jīng)習(xí)以為常,也正是這樣,才讓無(wú)前端經(jīng)驗(yàn)的我做微信小程序開(kāi)發(fā)并不感到費(fèi)勁.最近才開(kāi)始接微信小程序的外包...

    chunquedong 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<