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