- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我总是在与网络相关的元素中使用 CSS 预处理器。 CSS 预处理器几乎可以让您做 CSS 可以做的所有事情,但支持 DRY 编码原则和更简洁的语法。不过我想知道——为什么不完全放弃样式表呢?为什么不制作一种编译为 JavaScript 的样式语言呢? JavaScript 显然可以完全控制 CSS 样式,所以它应该是可能的。这种语言也将比普通 CSS 强大得多,因为它可以启用逻辑,例如基于元素大小和位置的选择器、浏览器窗口大小等。一个人为的可能性示例:
div#test {
if windowWidth > 800px {
width: (windowWidth / 3 + 10)px;
height: 200px;
}
else {
width: 100px;
height: 50px;
}
}
或者一个绝对定位的 div,但当它向下滚动太远时应该跟随窗口:
div#side_panel {
position: absolute;
top: 100px;
right: 25px;
if windowScrollY > 90px {
position: fixed;
top: 10px;
}
}
我已经尽我所能用谷歌搜索了这个主题,但没有成功。 是否有任何样式语言允许动态样式(如我示例中的那些)并编译成 JavaScript?如果没有,为什么不呢?这在性能方面不可行吗?或者可能存在浏览器支持问题?
我知道一些浏览器(包括 Chrome)公开了一个名为 document.styleSheets
的对象,它使 JavaScript 可以完全控制文档的样式,这非常适合此类元素。
最佳答案
几年前我也想过。
在我的结论中,第一点是 CSS 是为 web 设计师设计的,而不是为 web 开发人员设计的。设计师在一次又一次地制作相同的艺术作品时非常有创意,但在编程逻辑和理解编程语言方面也非常愚蠢。那些简单的 if-else 足以让他们发疯。
另一个是性能。 CSS 旨在为整个页面布局设置样式。即使使用 AJAX,JavaScript 也旨在进行少量更改并处理小型用户交互。简单性也近在咫尺,想象一下,如果我们仅使用 JavaScript 从 HTML 文档构建整个布局。
还有稳定性问题。 CSS 解析和处理由浏览器的引擎处理,经过测试非常好,比我们自己的 JS 代码要多得多。如果我们使用 Unobstructive JavaScript,我们的网站将在应用 CSS 和加载图像时完全正常工作,因此如果 JS 错误它仍然可以正常工作。想象一下,如果布置页面的 JavaScript 代码崩溃了。为此,我们只需要一个无限循环,它肯定可用。
最后,我们必须将内容-HTML、外观-CSS 和感觉/行为-JavaScript 分开。因此,只需提供 HTML 文档中的所有内容,即使它会保持隐藏状态。使用 CSS 以工作方式设计所有内容,并尽可能提供最好的静态页面。然后使用 JS 仅对布局进行更改,并在需要更改时使用 if-else。
关于javascript - 编译成 JavaScript 而不是 CSS 的 CSS 预处理器语言可行吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14886113/
至少在某些 ML 系列语言中,您可以定义可以执行模式匹配的记录,例如http://learnyouahaskell.com/making-our-own-types-and-typeclasses -
这可能是其他人已经看到的一个问题,但我正在尝试寻找一种专为(或支持)并发编程而设计的语言,该语言可以在 .net 平台上运行。 我一直在 erlang 中进行辅助开发,以了解该语言,并且喜欢建立一个稳
As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be
我正在寻找一种进程间通信工具,可以在相同或不同系统上运行的语言和/或环境之间使用。例如,它应该允许在 Java、C# 和/或 C++ 组件之间发送信号,并且还应该支持某种排队机制。唯一明显与环境和语言
我有一些以不同语言返回的文本。现在,客户端返回的文本格式为(en-us,又名美国英语): Stuff here to keep. -- Delete Here -- all of this below
问题:我希望在 R 中找到类似 findInterval 的函数,它为输入提供一个标量和一个表示区间起点的向量,并返回标量落入的区间的索引。例如在 R 中: findInterval(x = 2.6,
我是安卓新手。我正在尝试进行简单的登录 Activity ,但当我单击“登录”按钮时出现运行时错误。我认为我没有正确获取数据。我已经检查过,SQLite 中有一个与该 PK 相对应的数据。 日志猫。
大家好,感谢您帮助我。 我用 C# 制作了这个计算器,但遇到了一个问题。 当我添加像 5+5+5 这样的东西时,它给了我正确的结果,但是当我想减去两个以上的数字并且还想除或乘以两个以上的数字时,我没有
关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗?通过 editing this post 添加详细信息并澄清问题. 已关闭 4 年前。 Improve th
这就是我所拥有的 #include #include void print(int a[], int size); void sort (int a[], int size); v
你好,我正在寻找我哪里做错了? #include #include int main(int argc, char *argv[]) { int account_on_the_ban
嘿,当我开始向数组输入数据时,我的代码崩溃了。该程序应该将数字读入数组,然后将新数字插入数组中,最后按升序排列所有内容。我不确定它出了什么问题。有人有建议吗? 这是我的代码 #include #in
我已经盯着这个问题好几个星期了,但我一无所获!它不起作用,我知道那么多,但我不知道为什么或出了什么问题。我确实知道开发人员针对我突出显示的行吐出了“错误:预期表达式”,但这实际上只是冰山一角。如果有人
我正在编写一个点对点聊天程序。在此程序中,客户端和服务器功能写入一个唯一的文件中。首先我想问一下我程序中的机制是否正确? I fork() two processes, one for client
基本上我需要找到一种方法来发现段落是否以句点 (.) 结束。 此时我已经可以计算给定文本的段落数,但我没有想出任何东西来检查它是否在句点内结束。 任何帮助都会帮助我,谢谢 char ch; FI
我的函数 save_words 接收 Armazena 和大小。 Armazena 是一个包含段落的动态数组,size 是数组的大小。在这个函数中,我想将单词放入其他称为单词的动态数组中。当我运行它时
我有一个结构 struct Human { char *name; struct location *location; int
我正在尝试缩进以下代码的字符串输出,但由于某种原因,我的变量不断从文件中提取,并且具有不同长度的噪声或空间(我不确定)。 这是我的代码: #include #include int main (v
我想让用户选择一个选项。所以我声明了一个名为 Choice 的变量,我希望它输入一个只能是 'M' 的 char 、'C'、'O' 或 'P'。 这是我的代码: char Choice; printf
我正在寻找一种解决方案,将定义和变量的值连接到数组中。我已经尝试过像这样使用 memcpy 但它不起作用: #define ADDRESS {0x00, 0x00, 0x00, 0x00, 0x0
我是一名优秀的程序员,十分优秀!