資訊專欄INFORMATION COLUMN
摘要：我參與的第一個前端外包項目即將完成測試地址通過這個外包項目我學(xué)習(xí)到了一些前端項目多人開發(fā)的經(jīng)驗(yàn)，在這里分享給大家，菜鳥第一次做電商項目，歡迎吐槽。。。在這里，分工明確指的不僅是每個人分模塊開發(fā)，而是要細(xì)致到每一行代碼。
我參與的第一個前端外包項目即將完成,（測試地址：http://jpptest.leanapp.cn）
通過這個外包項目我學(xué)習(xí)到了一些前端項目多人開發(fā)的經(jīng)驗(yàn)，在這里分享給大家，菜鳥第一次做電商項目，歡迎吐槽。。。
由于團(tuán)隊成員都比較習(xí)慣使用github，我們選用github作為代碼倉庫。剛開始的時候，我們經(jīng)常陷入代碼沖突的問題，十分尷尬。究其原因，是我們的分工不夠明確。在這里，分工明確指的不僅是每個人分模塊開發(fā)，而是要細(xì)致到每一行代碼。
因?yàn)榇蠖鄶?shù)項目都有很多可復(fù)用的代碼，如基本的按鈕模塊。在這種模塊中有時我們要根據(jù)項目的推進(jìn)修改代碼，在這里只有兩種方式，一種是在別人的基礎(chǔ)上改進(jìn)，一種是直接修改核心代碼。第一種容易造成代碼冗余，而第二種則極易造成代碼沖突，前期我們經(jīng)常把時間花在解決沖突上，后期我們?yōu)榱吮苊鉀_突就全部采用了第一種方式，造成大量代碼冗余。
這里介紹下，樣式方面，我們選用的是compass+sass預(yù)編譯工具。剛開始，我們只是把一些可復(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"，然而隨著項目的推進(jìn)，修改它的成員越來越多，極易造成代碼沖突，在以后的項目中應(yīng)該盡量把代碼細(xì)分，如_button.scss、_form.scss等，然后每人負(fù)責(zé)一個模塊或者安排專人負(fù)責(zé)。
還有就是一些可復(fù)用的微調(diào)樣式，如字體、對齊等盡量寫成mixin的形式，這樣使用起來比較方便，不需要引入一堆class。
與后端溝通好交互方式再開工剛開始的時候我們有些自以為是，比如看到有個輸入框就寫了表單，結(jié)果人家后來說用Ajax，比如彈出層的邏輯等等，如果早知道這些情況的話我們說不定可以給出更優(yōu)的布局或樣式方案，所以要與后端溝通好交互方式再開工。
（未完待續(xù)）
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/116383.html
摘要：當(dāng)然外包公司是穩(wěn)賺不賠的，即使公司沒有了，老板股東也已經(jīng)賺到了錢。 最近換了公司也就沒有更新文章，因?yàn)閯偟叫鹿疽脖容^忙，下班也不想動。不過還是不能松懈，接下來會寫些docker方面的東西，今天就 談?wù)創(chuàng)Q工作的心得。 1.危機(jī)感 網(wǎng)上一直說我們這一行已經(jīng)不行了，好多互聯(lián)網(wǎng)公司都在大規(guī)模的裁員，包括前段時間的oracle中國區(qū)裁員。所以當(dāng)你找工作或是換工作的時候都會有危機(jī)感，怕自己找不到...
摘要：本項目是一個簡單的全棧項目，前端新手可以拿來練練手。項目實(shí)現(xiàn)了一些簡單的功能，后臺可以對圖書進(jìn)行錄入錄出掃碼或手動，前臺顯示錄入的圖書，并且前臺注冊登錄后可以將書的訂單發(fā)給服務(wù)器，并存到服務(wù)器。 Vue-book 2.0 Github 地址：https://github.com/percy507/v... 【覺得不錯就來個 star 吧 ^_^】 說明（菜鳥請進(jìn)，大神繞道 ~） 前端...
摘要：本項目是一個簡單的全棧項目，前端新手可以拿來練練手。項目實(shí)現(xiàn)了一些簡單的功能，后臺可以對圖書進(jìn)行錄入錄出掃碼或手動，前臺顯示錄入的圖書，并且前臺注冊登錄后可以將書的訂單發(fā)給服務(wù)器，并存到服務(wù)器。 Vue-book 2.0 Github 地址：https://github.com/percy507/v... 【覺得不錯就來個 star 吧 ^_^】 說明（菜鳥請進(jìn)，大神繞道 ~） 前端...
摘要：從九月底內(nèi)測到現(xiàn)在已經(jīng)三個半月凌晨一點(diǎn)睡覺已經(jīng)習(xí)以為常也正是這樣才讓無前端經(jīng)驗(yàn)的我做微信小程序開發(fā)并不感到費(fèi)勁最近才開始接微信小程序的外包項目目前已經(jīng)簽下了五份合同成品出了兩個加上轉(zhuǎn)給朋友做的正在談的算起來有十來個項目距離微信正式開放的時間 從九月底內(nèi)測到現(xiàn)在已經(jīng)三個半月.凌晨一點(diǎn)睡覺已經(jīng)習(xí)以為常,也正是這樣,才讓無前端經(jīng)驗(yàn)的我做微信小程序開發(fā)并不感到費(fèi)勁.最近才開始接微信小程序的外包...
閱讀 1842·2021-11-11 16:55
閱讀 763·2019-08-30 15:53
閱讀 3604·2019-08-30 15:45
閱讀 752·2019-08-30 14:10
閱讀 3279·2019-08-30 12:46
閱讀 2135·2019-08-29 13:15
閱讀 2036·2019-08-26 13:48
閱讀 947·2019-08-26 12:23
