網(wǎng)站建設(shè)前端設(shè)計之JavaScript語言框架的好與壞。網(wǎng)站建設(shè)設(shè)計公司提醒雖然很多人認(rèn)為不應(yīng)該把 JavaScript 納入 Web 開發(fā)必備技能里，但它卻是目前很多網(wǎng)站不可或缺的一部分。不論你創(chuàng)建的是小型作品集站點(diǎn)、企業(yè)門戶網(wǎng)站還是電商網(wǎng)站，你難免會遇到只用 HTML 和 CSS 無法解決的問題，可能是幻燈片和圖片燈箱，也可能是完整的客戶端應(yīng)用。
深圳網(wǎng)站建設(shè)公司本文主要關(guān)注如何創(chuàng)建可擴(kuò)展且可持續(xù)的設(shè)計系統(tǒng)，所以我會重點(diǎn)幫助你建立項目計劃和辨別高質(zhì)量代碼。至于“如何創(chuàng)建基于 JavaScript 的 Web 應(yīng)用”，就留給其他相關(guān)的頻道去討論了。實(shí)際上，談到 Web 應(yīng)用，讓我們先來討論一個重要的話題：如何選擇完美的框架。
網(wǎng)站建設(shè)前端設(shè)計之怎樣選擇框架
深圳網(wǎng)站建設(shè)公司資深框架工程師首先需要指出的是，沒有哪個 JavaScript 框架是完美的。本章也不會告訴你應(yīng)該選擇 AngularJS 還是 ReactJS，更不會嘗試列舉出所有的可選框架，因為當(dāng)這本書出版時，這些框架很多都會變得過時，而且這種列表必定會遺漏那些最新的、最流行的框架。我要告訴你的是：你很可能完全不需要用任何框架。首先需要決定的是選擇哪些工具來實(shí)現(xiàn)目標(biāo)，而不是選擇哪些框架和插件。這一點(diǎn)不僅適用于 JavaScript 框架，也適用于 CMS、MVC 和 CSS 框架。有很多成功的網(wǎng)站也只不過是靜態(tài)網(wǎng)站生成器，加上少量手動創(chuàng)建的 Sass 文件和幾十個 JavaScript 函數(shù)。
首先假設(shè)我們沒有使用 Drupal 或 WordPress，也不需要 AngularJS 或 ReactJS，并且可以自己手動編寫所有的樣式。然后對照項目需求，在處理用戶驗證、頁面版本管理或者 API 大數(shù)據(jù)傳輸這類問題之前，看哪些需求是能先滿足的。當(dāng)遇到難以手動實(shí)現(xiàn)的需求，并且已經(jīng)有開源項目或軟件可以解決問題時，再開始評估第三方工具。
用精簡的方案做項目，而不是一開始就準(zhǔn)備一大套工具和大規(guī)模的啟始頁，除非增加復(fù)雜度和代碼體積利大于弊，否則不要輕易放棄精簡方案。6.2 維護(hù)整潔的JavaScript代碼即使平時做的項目都比較簡單，最復(fù)雜的情況也不過是使用 jQuery 和插件，如果能針對“如何編寫 JavaScript”創(chuàng)建標(biāo)準(zhǔn)，你仍然能從中獲益。你會發(fā)現(xiàn)，如果沒有某種期望和規(guī)范，你的 JavaScript 文件會像斷線的風(fēng)箏一樣不受控制，代碼也難以測試和重構(gòu)。作為前端架構(gòu)師，在給 JavaScript 代碼評審制定標(biāo)準(zhǔn)的時候，你可以參考下面概括的一些規(guī)范。
網(wǎng)站建設(shè)前端設(shè)計之技巧保持代碼整潔
JavaScript 是一種腳本語言，這跟 HTML 和 CSS 不同。如果你忘記閉合一個 HTML 標(biāo)簽或者寫了無效的 CSS，最壞的情況不過是頁面上出現(xiàn)了一些小缺陷。如果你在 JavaScript 代碼里添加了太多的逗號或者忘記閉合大括號，整個網(wǎng)站都有可能崩潰。由于編寫恰當(dāng)?shù)?JavaScript 非常關(guān)鍵，最好在項目中結(jié)合單元測試使用一些格式 / 錯誤提示工具。如果在開發(fā)流程里運(yùn)用其中一條，這不僅有助于發(fā)現(xiàn)導(dǎo)致崩潰的代碼，而且能幫助你執(zhí)行關(guān)于代碼格式甚至是代碼編寫的規(guī)范。JS Hint（http://jshint.com/）是這些工具中一個很好的例子。它能夠在你的文本編輯器里使用，一旦你犯錯，它就會即時標(biāo)記出來。你甚至可以把它用在構(gòu)建系統(tǒng)中，這樣如果有任何代碼不符合規(guī)范，將無法通過測試。深圳網(wǎng)站建設(shè)公司這里有幾條可以使用 JS Hint 檢查的規(guī)則：
· 強(qiáng)制使用 === 和！== 代替 == 和！=
}
$('.red-alert').add_background("red").log_text_on_click();
$('.yellow-alert').add_background("yellow").log_text_on_click();
這個方案雖然需要多寫幾行代碼，但有以下優(yōu)點(diǎn)：
· 現(xiàn)在有了清晰地說明用途的函數(shù)
· 如果需要創(chuàng)建新的 .green-alert 類名，只需要修改定義好的 add_background() 和 log_text_on_click 函數(shù)
· 如果需要將 console.log($(this).html()); 改成 console.log($(this).text());，只需要在一個位置修改，而不是多個位置
· 可以在項目里的很多地方復(fù)用這兩個函數(shù)
就像 Sass 的混入（mixin）寫法比原生 CSS 有更多好處，把代碼拆分為可復(fù)用的函數(shù)，我們的代碼將變得更加清晰、精簡、靈活和可測。
深圳網(wǎng)站建設(shè)公司總結(jié)
JavaScript 僅僅用一片文章言之不盡。這里概括的技巧絕不是架構(gòu)項目要考慮的全部因素，但是它們是非常好的例子，說明如果沒有提前規(guī)劃，代碼質(zhì)量會變成什么樣。這并不是說開發(fā)人員不能獨(dú)立寫出高質(zhì)量代碼，而是每個開發(fā)人員對好代碼的看法不一致。提前制定代碼標(biāo)準(zhǔn)是確保代碼評審公平的唯一方法，而且可以讓開發(fā)人員更清楚他們應(yīng)該如何編寫代碼。好了，
深圳網(wǎng)站建設(shè)公司本文關(guān)于“網(wǎng)站建設(shè)前端設(shè)計之JavaScript語言框架的好與壞”知識就分享到這里，如果您有定制高端站建設(shè)以及設(shè)計需求，可電話聯(lián)系我們技術(shù)客服，免費(fèi)獲取前端設(shè)計方案。謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。
