前端項目可維護性原則

edgardeng 發布于2019-06-24 17:46 / 1618人閱讀

摘要：三先全局，后局部不要為了局部性能優化，降低可維護性比如在多個中使用統一的實例化類名稱，方便批量查找但如果要靠譜地進行依賴搜索，必須使用模塊來做全局搜索全局搜索時，很快定位其他文件相同邏輯代碼。不僅僅要這樣，中的選擇器里的屬性名等都要如此。

Table of Contents generated with DocToc

項目可維護性原則

一、文件即模塊

二、可以顯示聲明、顯示統一的地方不要做各種兼容

三、先全局，后局部

一、文件即模塊

納入模塊化的資源包括：

后端模板

前端 js 模板

css

模塊 ID 即文件被引用時的靜態地址：

后端模板即 @include 的路徑

js 中指即 requirejs 打包后得到的 define 名稱

js 模板與 js 一樣

css 中即 @import 的路徑

修改任何模塊要全局查找，要處理所有引入了該模塊的代碼

二、可以顯示聲明、顯示統一的地方不要做各種兼容

比如可以規定在 API 使用 page_size 就不要在 JS 中兼容去讓 API 混亂使用多種命名。

三、先全局，后局部

不要為了局部性能優化，降低可維護性

比如在多個 js 中使用統一的實例化類名稱，方便批量查找（但如果要靠譜地進行依賴搜索，必須使用模塊 ID 來做全局搜索）

obj.pagerView = new ns.views.Pager();

全局搜索 obj.pagerView 時，很快定位其他文件相同邏輯代碼。

不僅僅 js 要這樣，css 中的選擇器、html 里的屬性名等都要如此。

更多：https://github.com/Black-Mirror/FrontEnd-Standard

云服務器 GPU云服務器 web項目維護前端組件維護前端項目前端項目視頻

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/11700.html

編碼之道（一）：程序員的“圣經“

摘要：與此類似，理所當然的，我們程序員也會有自己的圣經。這便是程序員的圣經三個原則我認為做為一個程序員，最神圣的就是三個原則，它幾乎能完整無誤的定義做為一個程序員應該如何去編碼。 ...

Elle 2021-09-04 16:40 評論0 收藏0
談項目中如何選擇框架和庫（FEDAY主題分享總結）

摘要：但是在不同的項目中不同的維度權重時不一樣的沒有統一的原則去解決一個問題要自身實踐來測試選擇原則妥適性原則避免過渡實現，暫時用一些，現在還可能用不到，或者用的不多庫來滿足當前需求。這個兩天看了張克軍（豆瓣前端專家、前端布道師）在FEDAY的主題分享覺得對中大型項目開發很有幫助所以在這里分享給大家后面會有視頻地址。下面介紹重點內容。這里分享的項目是指公司實際產品開發，協同人數比較多，更加...

go4it 2019-08-23 14:03 評論0 收藏0
讀懂 SOLID 的「里氏替換」原則

摘要：什么是里氏替換原則某個對象實例的子類實例應當可以在不影響程序正確性的基礎上替換它們。除了在編程語言層面，在前端實際工作中，你可能會聽到一個叫作的概念，這個概念我認為也是里氏替換原則的一直延伸。這是理解SOLID原則，關于里氏替換原則為什么提倡我們面向抽象層編程而不是具體實現層，以及為什么這樣可以使代碼更具維護性和復用性。什么是里氏替換原則 Objects should be rep...

vibiu 2019-08-26 11:41 評論0 收藏0
代碼整潔之道

摘要：代碼寫得是否整潔是客觀的，是的人或后期維護的人覺得好才是真的好。三代碼設計原則要想寫出優雅整潔的代碼，就要遵循特定的設計原則。歡迎關注我的公眾號睿Talk，獲取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言最近在做一些項目重構的工作，看了不少臟亂差的代碼，身心疲憊。本文將討論如何編寫整潔的代碼，不求高效運行，只求...

stefan 2019-08-23 18:30 評論0 收藏0