[发明专利]层叠样式表模块化的方法、装置、存储介质及设备

权利要求书

1.一种层叠样式表模块化的方法，其特征在于，所述方法包括：

对第一页面上需要进行模块化的第一层叠样式表CSS文件中的所有CSS样式的类名添加第一字符组合，得到第二CSS文件，所述第一字符组合是根据所述第一CSS文件中所有CSS样式的类名所确定的；

在所述第一页面开始运行时，根据所述第一字符组合确定属于所述第一页面的所述第二CSS文件，以及所述第一页面之外的其他页面的CSS文件；

清除所述第一页面之外的其他页面的CSS文件；

所述对第一页面上需要进行模块化的第一层叠样式表CSS文件中的所有CSS样式的类名添加第一字符组合，得到第二CSS文件，包括：

在进行所述第一页面的开发时，获取被选中的CSS文件作为需要进行模块化的第一CSS文件；

根据所述第一CSS文件，确定所述第一字符组合；

将所述第一字符组合分别作为前缀和后缀添加至所述第一CSS文件中的所有CSS样式的类名中，以得到所述第二CSS文件；

将所述第二CSS文件中的所有CSS样式添加至所述第一页面的超文本标记语言HTML文件中。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述第一页面上添加新的文档对象模型DOM节点时，在所述新的DOM节点的原始类名中添加所述第一字符组合，以得到所述新的DOM节点的修改后的类名；

在所述第一页面上进行DOM操作时，利用预设的类名获取函数，从所述修改后的类名中获取所述DOM操作对应的DOM节点的原始类名。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

当在所述第一页面上增加第二CSS样式时，根据所述第一CSS文件确定所述第二CSS样式的类名。

4.根据权利要求3所述的方法，其特征在于，所述当增加第二CSS样式时，根据所述第一CSS文件确定所述第二CSS样式的类名，包括：

当增加所述第二CSS样式时，确定所述第一CSS文件中是否包含所述第二CSS样式；

当所述第一CSS文件中包含所述第二CSS样式时，将所述第一字符组合作为前缀和后缀分别添加至所述第二CSS样式的类名中；

当所述第一CSS文件中不包含所述第二CSS样式时，保持所述第二CSS样式的类名。

5.根据权利要求2所述的方法，其特征在于，所述在所述第一页面上添加新的文档对象模型DOM节点时，在所述新的DOM节点的原始类名中添加所述第一字符组合，以得到所述新的DOM节点的修改后的类名，包括：

在所述第一页面上增加新的DOM节点时，通过正则匹配规则，将所述第一字符组合作为前缀和后缀添加至所述新的DOM节点的原始类名中，作为所述新的DOM节点的修改后的类名。

6.一种层叠样式表模块化的装置，其特征在于，所述装置包括：

文件确定模块，用于对第一页面上需要进行模块化的第一层叠样式表CSS文件中的所有CSS样式的类名添加第一字符组合，得到第二CSS文件，所述第一字符组合是根据所述第一CSS文件中所有CSS样式的类名所确定的；

文件识别模块，用于在所述第一页面开始运行时，根据所述第一字符组合确定属于所述第一页面的所述第二CSS文件，以及所述第一页面之外的其他页面的CSS文件；

清除模块，用于清除所述第一页面之外的其他页面的CSS文件；

所述文件确定模块，包括：

文件获取子模块，用于在进行所述第一页面的开发时，获取被选中的CSS文件作为需要进行模块化的第一CSS文件；

字符确定子模块，用于根据所述第一CSS文件，确定所述第一字符组合；

类名添加子模块，用于将所述第一字符组合分别作为前缀和后缀添加至所述第一CSS文件中的所有CSS样式的类名中，以得到所述第二CSS文件；

样式添加子模块，用于将所述第二CSS文件中的所有CSS样式添加至所述第一页面的超文本标记语言HTML文件中。