js换肤

可以通过js来实现网页换肤效果的两种方案，很简单。
展示~

简单换肤: 普通的CSS样式更换即可实现

方案1：js动态的link对应的皮肤样式

过编译工具与构建工具编译出多套皮肤css，通过js动态的link对应的皮肤样式

// js动态处理
var theme = /\bt=(\w+)/.exec(location.search);
theme = theme ? theme[1] : "light";changeTheme(theme);function changeTheme(theme) {var head = document.getElementsByTagName("head")[0];var link = document.createElement("link");link.dataset.type = "theme";link.href = "assets/css/theme-" + theme + "/pages/home/home.css";link.rel = "stylesheet";link.type = "text/css";head.appendChild(link);
}

方案2：借助插件

需要借助sass和一些插件不建议做
https://mp.weixin.qq.com/s/cecXgj5vClDYmGunJmGEag

大吉大利，终于不用写代码了。爽爽爽！！！