生成动态CSS

前端之家收集整理的这篇文章主要介绍了生成动态CSS前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
什么是最好的方式来处理用户定制的风格?作为我正在寻找的结果的例子,这就足够了:
body {
   color: {{ user.profile.text_color }};
}

然而,将CSS作为视图看起来似乎会导致在不断请求的文件中大量的开销,所以这可能不是一个很好的解决方案.

用户无权访问CSS文件,我们必须假设他们没有Web开发知识.

解决方法

However,serving CSS as a view seems like it would cause a significant amount of overhead in a file that is constantly requested,so this is probably not a good solution.

如果你一次生成这个CSS怎么办?

>默认CSS是:/common/css.css>会员自定义CSS,现在< link />元素指向/user-specific/123.css?ts=123123123. 123当然是成员的标识符,ts参数包含时间戳 – 上次CSS修改的日期>确保您的CSS生成器设置适当的HTTP头负责客户端缓存>用户浏览器请求一个CSS文件 – 服务器回复简单304未修改头 – 不需要任何脚本执行或内容下载>当成员修改他的CSS然后你只是更新ts – 再次只需要一个单一的请求

猜你在找的CSS相关文章