javascript - 如果主 CSS 代码在客户端生成可以吗?

标签 javascript css performance client-side

<分区>

我有一个将 LESS 代码编译成 CSS 的构建过程,然后将其注入(inject) JavaScript 字符串,并与主要的缩小 .js 代码连接。然后该主要代码会将 CSS 字符串注入(inject)页面。

这样做的一个好处是它只需要一个 HTTP 请求就可以启动和运行样式和脚本。

但是,这样做有什么注意事项吗?

编辑

很多人认为我在做一个宣传册类型的网站。实际上,我正在开发单页网络应用程序。因此,如果禁用 JavaScript,该应用程序将完全无用。但从可用性的 Angular 来看,最好是一些样式可以告诉那些禁用 JavaScript 的人需要 JS 才能让应用程序运行。

编辑2

我正在 Backbone.js 中构建网络应用程序。而且,我有多种观点。通过脚本标签加载它们是一个糟糕的主意。而且,依赖管理会很糟糕。因此,我使用 RequireJS 来帮助我处理所有依赖项。

但是 RequireJS 也有这个简洁的小插件,可以让你加载可以在你的应用程序中使用的纯文本文件。

因此,我受到启发,让每个 View 在它们自己的 LESS 文件中都有自己的样式。

最佳答案

  1. 可以忽略不计,如果有任何性能 yield 的话。
  2. 如果 JS 被禁用,则没有样式
  3. FOUC(无样式内容的 Flash)
  4. 流氓 JS 错误可能会禁用所有样式。

关于javascript - 如果主 CSS 代码在客户端生成可以吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11181469/

上一篇:javascript - 为什么使用 jQuery 的 css() 函数而不是 maxHeight 或其他命名的 CSS 函数?

下一篇:javascript - JS代码运行很慢

相关文章:

javascript - 如何检查我的文本是否有版权符号

image - 在填充上有渐变背景封面按钮

javascript - 在 RTL 模式下获取可滚动 DIV 视口(viewport)的更好方法?

javascript - 延迟 25/30 毫秒的 CSS3 animationStarted 事件触发

c - 如何加速棘手的随机数生成

php - SQL SELECT 和 PHP 检索速度 INT vs TINYINT vs VARCHAR vs ENUM?

android - 该应用程序显示即使在后台线程中执行了操作,也在主线程中做了过多的工作

javascript - 了解 JavaScript 计时器线程问题

javascript - 计算在java webdriver中加载的图像的md5

javascript - 将现有站点的特定部分嵌入另一个站点