首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

在线动态换肤思路

很早之前就在想在线换肤的实现思路,主要是之前有个项目有换肤,连布局图片都不一样,无能为力,只好写不同页面,然后通过打包的时候配置删除和替代文件实现,但是在线换肤还是没去做。...今天分享一下换肤的思路,只是单纯的颜色替换,没有包括连布局图片都不一样的换肤。 跟国际化一样,方案可能不难,难的是开发业务的时候很繁琐,写的不好就很难维护。...还有之前有提到过的css in js在这种换肤场景下好像也非常的合适。...自己知道的在线换肤的思路只有这三种了,如果真的有需求要做在线换肤功能,还真不知道哪种会比较好,只能是自己选型了,真正涉及项目的时候,可不只是这样说说而已,会碰见什么坑就不好说了。...讲道理,现在应该没多少在线换肤的功能网站了吧。 自己感觉还是有点不对劲,希望有做过换肤项目的(不只是demo)可以指点一波。 (完) Coding 个人笔记

1K20

js实现:输入密码才能打开网页js实现密码保护的网页

js实现:输入密码才能打开网页,即js实现密码保护的网页。...(password()); 可能有人会疑虑,密码就在代码中,如果别人查看一下源码就知道密码了, 嗯哪,确实存在这个问题,虽然上面代码中做了些防护,如果密码输不对的话,就返回上一页,但只要在浏览器中关掉js...功能就可以打开网页查看js源码, 那么如何解决呢?...当然有办法,使用js密码加密混淆啊,出大招:Jshaman(http://www.jshaman.com/),可以在线加密js代码, 就把上面的代码,用jshaman加密一下,加密后代码如下: var...js实现密码保护的网页,就是这么简单。 PS:有网友问,上面的代码怎么用。哦,很初级的问题,这样:在html文件中,放在script标签里就可以了。

5.6K30

换肤功能(scss、css变量)

博客地址:https://ainyi.com/104 产品 SaaS 化,通常需要有换肤功能 这里简单记录一下主题色及其衍生色(高亮、浅色)的更换功能 scss 全局定义 每个页面都有颜色,那么应该把颜色值定义在...color-1, $color-2, $weight: 50%) must be a color mix 函数无法使用带有 var() 函数变量的参数,HSL 函数也是;但普通变量是可以的 最终只能使用 js...sColorChange.join(',') + ',1)' } 最后只需要在==路由全局前置守卫==中计算颜色值,并赋值到 css 变量上,在 scss 全局变量中用 var() 函数引入 css 变量(各种颜色值) 换肤流程...通过接口获取主题色 --> js 计算衍生色值 --> 赋值到 css 变量 --> scss 全局变量用 var() 函数引入 css 变量 --> 页面样式引用 scss 全局颜色值 使用例子 global.scss

4K20
领券