資訊專欄INFORMATION COLUMN
摘要：我參與的第一個前端外包項目即將完成測試地址通過這個外包項目我學習到了一些前端項目多人開發的經驗，在這里分享給大家，菜鳥第一次做電商項目，歡迎吐槽。。。在這里，分工明確指的不僅是每個人分模塊開發，而是要細致到每一行代碼。
我參與的第一個前端外包項目即將完成,（測試地址：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，比如彈出層的邏輯等等，如果早知道這些情況的話我們說不定可以給出更優的布局或樣式方案，所以要與后端溝通好交互方式再開工。
（未完待續）
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/116383.html
摘要：當然外包公司是穩賺不賠的，即使公司沒有了，老板股東也已經賺到了錢。 最近換了公司也就沒有更新文章，因為剛到新公司也比較忙，下班也不想動。不過還是不能松懈，接下來會寫些docker方面的東西，今天就 談談換工作的心得。 1.危機感 網上一直說我們這一行已經不行了，好多互聯網公司都在大規模的裁員，包括前段時間的oracle中國區裁員。所以當你找工作或是換工作的時候都會有危機感，怕自己找不到...
摘要：本項目是一個簡單的全棧項目，前端新手可以拿來練練手。項目實現了一些簡單的功能，后臺可以對圖書進行錄入錄出掃碼或手動，前臺顯示錄入的圖書，并且前臺注冊登錄后可以將書的訂單發給服務器，并存到服務器。 Vue-book 2.0 Github 地址：https://github.com/percy507/v... 【覺得不錯就來個 star 吧 ^_^】 說明（菜鳥請進，大神繞道 ~） 前端...
摘要：本項目是一個簡單的全棧項目，前端新手可以拿來練練手。項目實現了一些簡單的功能，后臺可以對圖書進行錄入錄出掃碼或手動，前臺顯示錄入的圖書，并且前臺注冊登錄后可以將書的訂單發給服務器，并存到服務器。 Vue-book 2.0 Github 地址：https://github.com/percy507/v... 【覺得不錯就來個 star 吧 ^_^】 說明（菜鳥請進，大神繞道 ~） 前端...
摘要：從九月底內測到現在已經三個半月凌晨一點睡覺已經習以為常也正是這樣才讓無前端經驗的我做微信小程序開發并不感到費勁最近才開始接微信小程序的外包項目目前已經簽下了五份合同成品出了兩個加上轉給朋友做的正在談的算起來有十來個項目距離微信正式開放的時間 從九月底內測到現在已經三個半月.凌晨一點睡覺已經習以為常,也正是這樣,才讓無前端經驗的我做微信小程序開發并不感到費勁.最近才開始接微信小程序的外包...
閱讀 1830·2021-11-11 16:55
閱讀 749·2019-08-30 15:53
閱讀 3588·2019-08-30 15:45
閱讀 671·2019-08-30 14:10
閱讀 3262·2019-08-30 12:46
閱讀 2122·2019-08-29 13:15
閱讀 2025·2019-08-26 13:48
閱讀 933·2019-08-26 12:23
