基于CSS变量与全局状态的换肤方法、装置和设备和介质制造方法及图纸

本发明专利技术属于互联网技术领域，涉及网站换肤技术，提供了一种基于CSS变量与全局状态的换肤方法、装置、设备和介质，所述方法包括：配置并存储主题皮肤和换肤时间表至远程服务器的数据库；用户登录系统后从数据库内加载主题皮肤和换肤时间表；系统运行与任务列表关联的定时器依据任务列表；当运行到每个换肤时间时输出换肤指令；根据换肤指令自动从主题资源库中选择个性化主题皮肤作为新主题皮肤，将新主题皮肤的相关信息存储至全局状态中对全局状态进行更新；使用更新后的全局状态对系统的网页进行换肤操作。本发明专利技术的方法具有高灵活性、维护方便、扩展性性等优点，可以解决现有网站换肤方案引起的代码复杂、成本高和加载时间等技术问题。

【技术实现步骤摘要】

本专利技术属于互联网，涉及网站换肤技术，具体涉及一种基于css变量与全局状态的换肤方法、装置、设备和介质。

技术介绍

1、目前，大多数网站通常采用多套预定义样式表、css预处理器、javascr i pt动态修改样式和css类切换等方法进行换肤。其中，采用多套预定义样式表的方法对网站进行换肤，在每次切换主题都需要加载新的样式表进而会增加页面的加载时间和网络请求，维护多套预定义样式表特别是在需要频繁更新样式的情况下，会增加代码的复杂性和维护成本；使用css预处理器进行换肤，需要在开发过程中进行编译，需要额外的构建步骤和工具支持；通过使用javascr i pt动态修改样式的方式进行换肤，可能会增加代码的复杂性和维护成本，特别是在样式逻辑复杂的情况下，代码的复杂性和维护成本会大幅度增加；使用css类切换的方式为每个主题定义不同的css类，可能会导致样式冗余，增加样式表的大小和加载时间，在代码中处理类名的切换逻辑还会增加代码的复杂性和维护成本。

2、因此，亟需设计一种新的换肤方案。

技术实现思路

1、为本文档来自技高网...

【技术保护点】

1.一种基于CSS变量与全局状态的换肤方法，其特征在于，所述换肤方法包括：

2.根据权利要求1所述的基于CSS变量与全局状态的换肤方法，其特征在于，所述将所述新主题皮肤的相关信息存储至全局状态中对所述全局状态进行更新，包括：

3.根据权利要求2所述的基于CSS变量与全局状态的换肤方法，其特征在于，所述个性化主题皮肤还包括字体及字号集，所述对所述全局状态进行更新，还包括：

4.根据权利要求3所述的基于CSS变量与全局状态的换肤方法，其特征在于，所述实现对所述系统的网页的换肤操作，还包括：

5.根据权利要求2至4任一项所述的基于CSS变量与全局...

【技术特征摘要】

1.一种基于css变量与全局状态的换肤方法，其特征在于，所述换肤方法包括：

2.根据权利要求1所述的基于css变量与全局状态的换肤方法，其特征在于，所述将所述新主题皮肤的相关信息存储至全局状态中对所述全局状态进行更新，包括：

3.根据权利要求2所述的基于css变量与全局状态的换肤方法，其特征在于，所述个性化主题皮肤还包括字体及字号集，所述对所述全局状态进行更新，还包括：

4.根据权利要求3所述的基于css变量与全局状态的换肤方法，其特征在于，所述实现对所述系统的网页的换肤操作，还包括：

5.根据权利要求2至4任一项所述的基于css变量与全局状态的换肤方法，其特征在于，所述换肤方法还包括：

6.根据权利要求5所述的基于css变量与全局状态的换...

【专利技术属性】
技术研发人员：楚钧文，徐浙锋，薛明阳，郑益，高翔，
申请(专利权)人：杭州高特电子设备股份有限公司，
类型：发明
国别省市：