讀ghost的頁面模組化設計

2021-05-22 20:11:22 字數 755 閱讀 4886

模組化的定義:

模組化是指解決乙個複雜問題時自頂向下逐層把軟體系統劃分成若干模組的過程。每個模組完成乙個特定的子功能,所有的模組按某種方法組裝起來,成為乙個整體,完成整個系統所要求的功能。模組具有以下幾種基本屬性:介面、功能、邏輯、狀態,功能、狀態與介面反映模組的外部特性,邏輯反映它的內部特性。在軟體的體系結構中,模組是可組合、分解和更換的單元。

一:樣式的作用域

前提知識:選擇器的權值

通過權值與優先順序來實現樣式的作用域。

樣式的三層架構:

公共級(全域性)    -- global

欄目級(區域性公共)  -- 欄目中用到的區域性global

頁面級        --只影響單個頁面

二:欄目級作用域

三:繼承

前提知識:繼承的權值小於0,0,0,1

繼承的最大意義在於可以減少重複定義;而缺點是使用不當時,也會造成增加重複定義,降低效能。

四:模組化的核心思想

核心思想:將html和css通過一定的規則進行分類、組合,以達到特定html與css在特定範圍內最大程度的復用。

復用:做最少的修改即可重複使用。

注意:復用不是不用修改可以直接使用!

使用方式:

1.這種可形象稱為拼樣式,

2.//  mode-a作為基類,type-a為擴充套件類,mode-name為模組名

基類:基礎表現;擴充套件類:小範圍修改;模組名:模組在某一作用域中唯一名稱

五:基類,擴充套件類

模組化設計

儘管寫過很多模組,但一直對於模組化設計,沒有一直很清晰的認識,這次學習了軟體設計之道,終於從概念上對模組化設計有了乙個更清晰的認識。乙個軟體本質上是完成乙個或多個特定的功能,所以,寫程式的第一目標是實現需求。既然是實現需求,那是不是隨便怎麼寫,只要完成功能就行呢?不是的,因為,軟體是生命週期的,在乙...

PHP 進行模組化設計

php include 函式與c中同名的預處理命令是不同的,它是乙個給出檔名 如 include test.php php就把檔案調用於include的位置,並方試 釋該檔案,它與函式的差別在於,只有執行include語句時,才 被解析,因此在設計中通常在if語句中包含呼叫來得用這一優點 而requ...

WEB 前端模組化,讀文筆記

web 前端模組化都有什麼?知識點根據平台劃分 瀏覽器 amd cmd 存在網路瓶頸,使用非同步載入 非瀏覽器 commonjs 直接操作 io,同步載入 瀏覽器amd 依賴前置 requirejs cmd 就近依賴 seajs amd 與 cmd 都是在頁面初始化時載入完成所有模組,唯一的區別就是...