重点!内容来自:
https://www.zhangxinxu.com/wordpress/2019/02/link-rel-alternate-website-skin/
https://egoist.moe/2015/12/13/how-does-array-slice-call-arguments-work/
小陈一谷歌,发现确实如参考文章中所说,大部分实现换肤功能有两种方法:
- 全局class控制样式切换
- 改变皮肤元素link的href地址,例如:
<link id="skinLink" href="skin-default.css" rel="stylesheet" type="text/css">
skinLink.href = 'skin-red.css';
缺点是:1,全局class控制样式,提高了样式优先级,换肤样式多,导致代码不易维护;2,JS改变href属性会带来延时,切换不流畅,体验感不好;
实际上,原生浏览器有原生特性,适合实现网站换肤。
实战
让我们开始吧!小陈也很期待呢。(#.</