Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

请问SCSS在编译成CSS的时候Random是如何处理的? #251

Closed
1234567Yang opened this issue Dec 14, 2023 · 5 comments
Closed

请问SCSS在编译成CSS的时候Random是如何处理的? #251

1234567Yang opened this issue Dec 14, 2023 · 5 comments

Comments

@1234567Yang
Copy link

1234567Yang commented Dec 14, 2023

作者你好,看到你这篇文章以后我一直有一个疑问:
这篇文章里的SCSS的随机字符是如何实现不断转变的?
像是这个:

因为我不是很懂SCSS,但是听说在运行时会把SCSS编译成CSS,然后不会编译出js文件。但是既然是运行时编译的,那么里面的随机字符应该在编译之后已经固定了,它是如何实现不断改变数字的呢?

说到底,就是SCSS里的Random到底是怎么实现的?

@bigshans
Copy link

跟 random 没什么关系吧?多读一下“结合 background-clip: text 实现文字效果”这一节。

@1234567Yang
Copy link
Author

跟 random 没什么关系吧?多读一下“结合 background-clip: text 实现文字效果”这一节。

那些随机变化的颜色和字符?

@bigshans
Copy link

跟 random 没什么关系吧?多读一下“结合 background-clip: text 实现文字效果”这一节。

那些随机变化的颜色和字符?

伪随机,用 scss 提前生成好就可以了。

@1234567Yang
Copy link
Author

对啊SCSS转成CSS是提前生成好的,但是它是怎么在客户端CSS搁那变化字符的呢?
按理说应该是随机字符和颜色,但是静止不动,不会变
请问大佬是我哪里理解错了吗?

@chokcoco
Copy link
Owner

SCSS 的 Random 函数编译完成后,其实值就是确定的。
对于运行时而言,转化成了 CSS 后,值就不会再发生改变了。
只是对于类似与 CodePen 这种在线提供 SCSS 语法的平台,在线编译运行的平台,每次刷新的结果都是不一样的。但是对于上线业务,在每次打包构建编译的时候,值就确定了,不会因为每次刷新浏览器得到不一样的值。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants