javascript-关于网站换皮肤的功能，谁可以告诉下mac.pcbeta.com它的换肤原理？
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-关于网站换皮肤的功能，谁可以告诉下mac.pcbeta.com它的换肤原理？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1769字，纯文字阅读大概需要3分钟。
内容图文
一直想实现mac.pcbeta.com 的皮肤功能。最近写了一个JS 来实现，将用户设置的皮肤名字保存在localstorage ，每次刷新页面的时候去调用保存在localstorage 中的字段，然后根据字段引用新的皮肤所包含的CSS文件。
但是写完之后发现，虽然能够实现，但是用户每次刷新的时候都需要执行这个脚本，会不会很耗资源？
其实耗资源还是小事，最重要是在脚本运行前，网页的皮肤最先是默认的，没有引入新的CSS 文件的，但执行后网页界面才改变。
这样一来，每次刷新页面的时候，都会出现一次闪过的白屏。（默认皮肤为白色，设置使用的皮肤为其他颜色），很不舒服。
那么mac.pcbeta.com他们是怎么实现的？
我看到他们每次换皮肤的时候都会刷新页面，并且提交一个?styleid=34，然后服务器获取到这个styleid 之后用后端脚本插入？具体要怎么实现？还要指定知道是哪个访客设置的皮肤
回复内容：
一直想实现mac.pcbeta.com 的皮肤功能。
最近写了一个JS 来实现，将用户设置的皮肤名字保存在localstorage ，每次刷新页面的时候去调用保存在localstorage 中的字段，然后根据字段引用新的皮肤所包含的CSS文件。
但是写完之后发现，虽然能够实现，但是用户每次刷新的时候都需要执行这个脚本，会不会很耗资源？
其实耗资源还是小事，最重要是在脚本运行前，网页的皮肤最先是默认的，没有引入新的CSS 文件的，但执行后网页界面才改变。
这样一来，每次刷新页面的时候，都会出现一次闪过的白屏。（默认皮肤为白色，设置使用的皮肤为其他颜色），很不舒服。
那么mac.pcbeta.com他们是怎么实现的？
我看到他们每次换皮肤的时候都会刷新页面，并且提交一个?styleid=34，然后服务器获取到这个styleid 之后用后端脚本插入？具体要怎么实现？还要指定知道是哪个访客设置的皮肤
你可以写成这样
if styleid="black" elseif styleid="red" else
或者这样
styleid = isset(styleid) ? styleid : 'common';
不过，mac.pcbeta.com也是要跳页面啊。。在某些浏览器上也是会白一下的。。
抓取下这个网站,
1.运行index.php, get参数styleid = 29
2.获取指定的js和css和对应的图片.
它页面也刷新. 就是在index.php一个里对参数的的判断. 参数对应不同的css和js变量.
内容总结
以上是互联网集市为您收集整理的javascript-关于网站换皮肤的功能，谁可以告诉下mac.pcbeta.com它的换肤原理？全部内容，希望文章能够帮你解决javascript-关于网站换皮肤的功能，谁可以告诉下mac.pcbeta.com它的换肤原理？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。