在Javascript和CSS之间共享常量的最佳方法

前端之家收集整理的这篇文章主要介绍了在Javascript和CSS之间共享常量的最佳方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在创建一个网站,里面有许多用 javascript和CSS编写的动态内容.困扰我的是我的一半维度常量(页面上的东西的位置和大小)都在我的javascript中,而其他的则在我的CSS中.这样的常量有一个“单一地方”的好方法吗?

首先我想我可以使用像LessCss或SASS这样的CSS生成器,但是在那些文档中,我看不到从另一个javascript文件访问声明的常量.任何人都能指出我处理这个问题的清晰,惯用的方法吗?

谢谢你的帮助!

编辑:

澄清我的问题是什么:我的部分页面包含一个高度特殊化的电子表格组件,我在javascript中从头开始构建,以在canvas元素中运行.我有很多与此组件相关的布局常量,例如cell_width,cell_height等,它们不是标准的CSS属性.我网站的其他组件更典型,并由CSS设计.我想知道的是,是否有一种可接受的方式来维护一个地方以保持我的CSS和Javascript样式常量在一个地方.这可以通过某种方式在我的CSS中维护“自定义属性,这些属性仅用于通过javascript读取它们.或者,如果LessCss或SASS有办法在渲染之前通过我自己的javascript设置变量,那也可以.但是,我没有在这些主题上找到任何在线信息.

解决方法

Is there a good way to have a “single place” for constants like this?

样式表.

然后动态设置类名.

(至少在很多情况下.我们不知道你问题的具体细节)

原文链接:https://www.f2er.com/js/156880.html

猜你在找的JavaScript相关文章