資訊專欄INFORMATION COLUMN
摘要：根據(jù)基于的項目構(gòu)建一所描述的，建立了項目的基本目錄結(jié)構(gòu)，接下來的工作便是編碼，編譯，測試，發(fā)布。對于自己，僅作文去嘗試清楚的闡述自己構(gòu)建項目的一些實踐。隨意的編碼風(fēng)格最終導(dǎo)致項目代碼的可維護(hù)性低，新加入成員學(xué)習(xí)成本提高。
根據(jù) 基于koajs的web項目構(gòu)建（一） 所描述的，建立了項目的基本目錄結(jié)構(gòu)，接下來的工作便是編碼，編譯，測試，發(fā)布。做為這些工作，每一項工作都有自己的學(xué)問，針對這三項工作的技巧分析文章在網(wǎng)上有很多，所以我并不認(rèn)為有人能夠以簡單的描述就涵蓋。對于自己，僅作文去嘗試清楚的闡述自己構(gòu)建node項目的一些實踐。
閑談養(yǎng)成良好編碼習(xí)慣。前端項目中，js和html的語法都是很松散的，變量使用大寫或者小寫，語句末尾是否有;，大多數(shù)情況都是可以適應(yīng)的。這樣的設(shè)計無疑提供了更好的容錯能力，卻助紂了很多開發(fā)者隨意的編碼習(xí)慣。隨意的編碼風(fēng)格最終導(dǎo)致項目代碼的可維護(hù)性低，新加入成員學(xué)習(xí)成本提高。為了克服這一問題，強(qiáng)制約束編碼規(guī)范是第一層解決方案，我們可以參照airbnb的編碼規(guī)范，讀一讀編寫可維護(hù)的javascript.從自己做起，再到所再的團(tuán)隊，力求所有編碼人員都是統(tǒng)一編碼風(fēng)格，讓自己和閱讀自己程序的人節(jié)省出更多的時間。
合理的使用開發(fā)工具。開發(fā)工具為前端開發(fā)提供了越來越多的便利，對于工具而言，無非是熟能生巧，所以對于一個開發(fā)人員慢慢積累自己掌握的開發(fā)工具是很重要的。能熟練的使用編輯器，提高自己的編碼速度；定義好代碼質(zhì)量檢測插件，能約束自己寫出更規(guī)范的代碼；合理使用一些自動化構(gòu)建工具，能讓自己避免很多重復(fù)性的工作。
在項目中積累。不斷有項目從自己手中經(jīng)過，項目過后，我們又該如何？善于總結(jié)的人總會去分析，汲取項目中精華之處，研究項目中所遇到困難，反思項目中不足之處。再想想自己所經(jīng)歷的項目，是否是在抱怨別人代碼不能看，四處碰壁，在網(wǎng)上搜點(diǎn)解決方案，艱難的完成之后就草草收場？我想有很大一部分人是這樣的，至少曾今的我是這樣的。最終，善于總結(jié)的人慢慢就與我們拉開了差距，成為我們仰望的大?！?/p>
保持良好的心態(tài)。不要一直把自己沉浸在工作之中，學(xué)會放松自己。保持良好的心態(tài)，為高效率，高質(zhì)量的編碼提供基礎(chǔ)。
分享vscode編輯器
微軟出品，開源免費(fèi)，編碼神器
推薦插件:
代碼格式化: beautify
文件圖標(biāo): vsocde-icon
eslint: eslint
文檔: add jsdoc comments
自動化構(gòu)建 gulp + webpack
gulp負(fù)責(zé)任務(wù)集成，web pack完成commons瀏覽器化。
推薦插件:
sass編譯: gulp-sass
css圖片處理: gulp-base64
文件md5命名: gulp-rev
文件引用替換: gulp-rev-replace
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/80338.html
摘要：系列種優(yōu)化頁面加載速度的方法隨筆分類中個最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實現(xiàn)的大排序算法一怪對象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁性能管理詳解 HTML5 ...
摘要：系列種優(yōu)化頁面加載速度的方法隨筆分類中個最重要的技術(shù)點(diǎn)常用整理網(wǎng)頁性能管理詳解離線緩存簡介系列編寫高性能有趣的原生數(shù)組函數(shù)數(shù)據(jù)訪問性能優(yōu)化方案實現(xiàn)的大排序算法一怪對象常用方法函數(shù)收集數(shù)組的操作面向?qū)ο蠛驮屠^承中關(guān)鍵詞的優(yōu)雅解釋淺談系列 H5系列 10種優(yōu)化頁面加載速度的方法 隨筆分類 - HTML5 HTML5中40個最重要的技術(shù)點(diǎn) 常用meta整理 網(wǎng)頁性能管理詳解 HTML5 ...
摘要：前端框架總和有很多小伙伴工作開發(fā)需要很多的框架和軟件，那么接下來就為大家介紹一下相關(guān)的框架和軟件設(shè)計用于構(gòu)建用戶界面的聲明性，高效且靈活的庫。為應(yīng)用程序中的每個狀態(tài)設(shè)計簡單視圖，當(dāng)數(shù)據(jù)發(fā)生變化時，將有效地更新和呈現(xiàn)正確的組件。 前端框架總和 有很多小伙伴工作開發(fā)需要很多的框架和軟件，那么接下來就為大家介紹一下相關(guān)的框架和軟件 1.UI設(shè)計 react ?? 用于構(gòu)建用戶界面的聲明性...
摘要：前端框架總和有很多小伙伴工作開發(fā)需要很多的框架和軟件，那么接下來就為大家介紹一下相關(guān)的框架和軟件設(shè)計用于構(gòu)建用戶界面的聲明性，高效且靈活的庫。為應(yīng)用程序中的每個狀態(tài)設(shè)計簡單視圖，當(dāng)數(shù)據(jù)發(fā)生變化時，將有效地更新和呈現(xiàn)正確的組件。 前端框架總和 有很多小伙伴工作開發(fā)需要很多的框架和軟件，那么接下來就為大家介紹一下相關(guān)的框架和軟件 1.UI設(shè)計 react ?? 用于構(gòu)建用戶界面的聲明性...
閱讀 3828·2021-11-24 10:46
閱讀 1786·2021-11-15 11:38
閱讀 3848·2021-11-15 11:37
閱讀 3681·2021-10-27 14:19
閱讀 2038·2021-09-03 10:36
閱讀 2062·2021-08-16 11:02
閱讀 3065·2019-08-30 15:55
閱讀 2327·2019-08-30 15:44
