一种修改WEB前端主题的方法技术

本发明专利技术提供一种修改WEB前端主题的方法，所述方法步骤如下：步骤一：通过主题切换入口输入切换信号，通过演算函数进行演算；步骤二：通过演算函数的演算结果生成Class；步骤三：将生成的Class应用于指定DOM元素；步骤四：对页面Body进行输出；步骤五：通过DOM元素过去主题Class；步骤六：对元素进行渲染，完成主题切换。采用一个关联网站或者页面主题切换事件的标识，关联主题色演算函数，通过网站基准色和函数参数演算出一种主题色，并设定为入口Dom元素样式，通过子元素嵌套逻辑，依次渲染Dom的子孙元素，渲染完成，主题切换完成。思路清晰，方法简单，可执行性强。

A method to modify the theme of web front end

【技术实现步骤摘要】
一种修改WEB前端主题的方法
本专利技术涉及WEB前端
，尤其涉及一种修改WEB前端主题的方法。
技术介绍
WEB前端伴随着Vue和React等等一些框架的出现，开发方式发生了日新月异的变化。组件方面从早期的微软Asp.Net的服务器渲染组件、JAVA体系的JSP模板控件，到基于Jquery的众多框架(EasyUI、JqueryUI)组件，ExtJS，Dojo等等。虽然这些前端组件(或者叫做框架)层出不穷，但其基本思想是一致的，都是对浏览器端的Dom进行操作或者操作的优化。在前端工程化开发大规模推广的情况下，现在的新框架和之前的以jquery为主的前端开发模式已经不是一个级别的了。一个信息系统软件开发团队人员的组成，尤其能看出这点，前端工程师越来越多，而且对前端的依赖越来越大。一个网站或者一个前端项目的主题切换功能实现，似乎对前端开发又造成了很大的困扰。现有WEB前端主题切换主要方式为通过CSS、LESS等文件通过对项目中用到的所有Dom元素以及组件分别定义几种主题样式，通过加载不同主题对应的CSS，后加载的CSS覆盖默认显示样式本文档来自技高网...

【技术保护点】
1.一种修改WEB前端主题的方法，其特征在于：所述方法步骤如下：/n步骤一：通过主题切换入口输入切换信号，通过演算函数进行演算；/n步骤二：通过演算函数的演算结果生成Class；/n步骤三：将生成的Class应用于指定DOM元素；/n步骤四：对页面Body进行输出；/n步骤五：通过DOM元素过去主题Class；/n步骤六：对元素进行渲染，完成主题切换。/n

【技术特征摘要】
1.一种修改WEB前端主题的方法，其特征在于：所述方法步骤如下：
步骤一：通过主题切换入口输入切换信号，通过演算函数进行演算；
步骤二：通过演算函数的演算结果生成Class；
步骤三：将生成的Class应用于指定DOM元素；
步骤四：对页面Body进行输出；
步骤五：通过DOM元素过去主题Class；
步骤六：对元素进行渲染，完成主题切换。


2.如权利要求1所述的一种修改WEB前端主题的方法，其特征在于：所述步骤四中的页面Body包含整体页面内容的DOM元素。


3.如...

【专利技术属性】
技术研发人员：宋巍，
申请(专利权)人：南京鼎震信息技术有限公司，
类型：发明
国别省市：江苏;32