关于网站换皮肤的功能，谁可以告诉下mac.pcbeta.com 它的换肤原理？
一直想实现mac.pcbeta.com 的皮肤功能。
最近写了一个JS 来实现，将用户设置的皮肤名字保存在localstorage ，每次刷新页面的时候去调用保存在localstorage 中的字段，然后根据字段引用新的皮肤所包含的CSS文件。
但是写完之后发现，虽然能够实现，但是用户每次刷新的时候都需要执行这个脚本，会不会很耗资源？
其实耗资源还是小事，最重要是在脚本运行前，网页的皮肤最先是默认的，没有引入新的CSS 文件的，但执行后网页界面才改变。
这样一来，每次刷新页面的时候，都会出现一次闪过的白屏。（默认皮肤为白色，设置使用的皮肤为其他颜色），很不舒服。
那么mac.pcbeta.com他们是怎么实现的？
我看到他们每次换皮肤的时候都会刷新页面，并且提交一个?styleid=34，然后服务器获取到这个styleid 之后用后端脚本插入？具体要怎么实现？还要指定知道是哪个访客设置的皮肤
展开
收起
1
条回答
写回答
写回答
-
喜欢技术，喜欢努力的人你可以写成这样
if styleid="black" <link href="black.css"> elseif styleid="red" <link href="red.css"> else <link href="common.css">或者这样
styleid = isset(styleid) ? styleid : 'common'; <link href="{styleid}.css">不过，mac.pcbeta.com也是要跳页面啊。。在某些浏览器上也是会白一下的。。
2019-07-17 19:34:43赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
