[發明專利]一種高效的語義化前端選擇子方案的方法

在審

• 申請號: 201710829136.7
• 申請日: 2017-09-14
• 公開（公告）號: CN109508181A
• 公開（公告）日: 2019-03-22
• 發明（設計）人: 韓真
• 申請（專利權）人: 韓真
• 主分類號: G06F8/30
• 分類號: G06F8/30
• 代理公司: 暫無信息
• 代理人: 暫無信息

本發明涉及到程序設計技術領域，尤其涉及一種高效的語義化前端選擇子方案的方法。該本發明設計了一種高效的語義化前端選擇子方案的方法在一個具體的前端開發場景中，采用S選擇子作為組件的語義化表達，通過html預編譯，css預編譯，jquery選擇改寫，可以實現整個開發范圍的大規模語義化，很大程度上減少html模板編寫的復雜度和冗余度，很大程度上減少模板css編寫的重合度和冗余度，很大程度上精簡jquery描述模板內部操作的代碼的復雜度和冗余度；整體來說，減少開發時間，降低開發成本，減少團隊對接成本，提升團隊戰斗力，提高開發企業整體效率。

技術領域

本發明涉及到程序設計技術領域，尤其涉及一種高效的語義化前端選擇子方案的方法。

背景技術

前端選擇子selector是一種在html的DOM Tree中選擇元素的語法。它可以根據元素的類型，id，class，屬性，children，排序，以及這些參數的組合排列選擇元素。選擇結果為一個或多個元素的集合。但是，這些選擇的依據并沒有達到完全的語義化。使得我們前端選擇開發的時候不得不在html標簽上給出很多的class來實現對于html組件內部元素的選擇。這種利用class進行內部元素選擇的方案可能面臨class命名過長，css書寫過長，class重復，選擇子書寫冗余的問題。同時，當組件數目達到幾十上百之后，組件間的通用性，互操作性，命名就成為了不得不重視的問題。復雜性會導致開發協同難度和團隊內部溝通成本大幅上升。這時候，處理清楚命名問題，構建語義化的命名，就非常關鍵了。我們提供了一種語義化的選擇子解決方案，使得上述問題均得到很好的解決。

為了解決上述技術問題，本發明設計了一種高效的語義化前端選擇子方案的方法，該高效的語義化前端選擇子方案的方法在一個具體的前端開發場景中，采用S選擇子作為組件的語義化表達，通過html預編譯，css預編譯，jquery選擇改寫，可以實現整個開發范圍的大規模語義化，很大程度上減少html模板編寫的復雜度和冗余度，很大程度上減少模板css編寫的重合度和冗余度，很大程度上精簡jquery描述模板內部操作的代碼的復雜度和冗余度；為前端組件的可通用化，跨項目復用，語義化調用提供了基礎。這是因為利用S選擇子基本解決了模板代碼內部元素指代不清的問題。當組件數目達到幾十上百之后，這一問題就成為了不得不重視的問題。復雜性會導致開發協同難度和團隊內部溝通成本大幅上升。這時候，處理清楚命名問題，構建語義化的命名，就是我們所解決的問題；整體來說，減少開發時間，降低開發成本，減少團隊對接成本，提升團隊戰斗力，提高開發企業整體效率。

發明內容

為了克服背景技術中存在的缺陷，本發明解決其技術問題所采用的技術方案是：一種高效的語義化前端選擇子方案的方法，其特征在于其步驟為：

1. 選擇子路徑path；

2. 子路徑數組arr；

3. 輸出子路徑數組arr2；

4. 輸出子路徑path2；

5. 將path按照語法規則解析為數組arr，此時，（1）需要將兩邊有空格區和其他部分分開”some_name_1/some_name_2”這樣的選擇子解析出來放入數組的單獨一項；（2）需要不能將選擇子本身語法當中的[some_attr_name=”some_attr_value”]這樣的里面的雙引號字符串解析為數組的單獨一項；

6. 對數組arr里面的每一項item，如果它不是sname，即不是雙引號括起來的字符串，直接放入輸出子路徑數組arr2；否則：

7. 將item從按照’/’劃分為新的數組arr_item；

8. 將arr_item的每一項item2，重新寫為 item3 = “[sname=” + item2 +]”，將item3放入輸出子路徑數組arr2；