Question

所以我们正在开展这个学校项目，并将解决代码中的一些小问题。这与任务无关，而是我的好奇心。静态文件由index.html和app.min.js定义，index.html需要。

在app.min.js - 文件中，css的定义如下：

    var css = "/*!\n * Bootstrap v3.3.5 (http://getbootstrap.com)\n * 
    Copyright` `2011-2015 Twitter, Inc.\n * Licensed under MIT 
    (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n *//*! normalize.css`
    v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-
    family:sans`-`serif;-webkit-text-size-adjust:100%;-ms-text-size-
    adjust:100%}body{margin:0}article,aside,details,figcaption,`.....

等

并以某种方式实例化。将css缩小为像这样的js文件的目的是什么？你怎么做呢？看了一下名为css-to-js的东西，但没有让它起作用......

希望这个问题不要太挑剔，感谢答案！

Answer 1

实例化它并不困难，请参阅堆栈代码段。这可能是建议的往返旅行。减少服务器调用。安全性，没有人可以链接到你的CSS，但这不太可能。

我个人认为它的可部署性。它确保您的项目始终具有所需的基本CSS。不需要加载需要加载的额外文件。这很方便，但不太可能。

app.min.js让我想起了Visual Studio项目。所以这可能是这个CSS是所有应用程序的基础。将其包含在代码中会产生更多的安全性，并始终将其部署。如上所述，依赖的文件较少。

＆＃13;

var css = "/*!\n * Bootstrap v3.3.5 (http://getbootstrap.com)\n * Copyright` `2011-2015 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-   family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0; color: red;}";

var style = document.createElement("style");
style.textContent = css;
document.body.appendChild(style);

＆＃13;

text in this body should turn red.

＆＃13;

Answer 2

这是一种通过仅下载一个文件来加快页面加载速度的优化技术，但我认为将CSS放在javascript文件中是一种不好的做法。

How do you add CSS with Javascript?

javascript文件中的缩小CSS - 为什么？

2 个答案: