javascript - 在 HAML 中包含 CSS 和 Javascript 的缺点

标签 javascript css ruby-on-rails haml

<分区>


想要改进这个问题? 更新问题,以便 editing this post 可以用事实和引用来回答它.

关闭 7 年前

我需要更改使用 Ruby on Rails 开发的网站的各个页面的设计。我正在考虑修改 HAML 文件以包含 CSS 和 Javascript,以使设计更好、响应更快。

这种方法的缺点是什么?我遇到过这样的例子here .

最佳答案

缺点与在 HTML 中包含除内容以外的任何内容的众所周知的缺点完全相同。

  • 你的表现和行为混淆了内容。这会导致内联所有内容一团糟以及普遍糟糕的开发实践。
  • 您的 CSS 和 JS 将无法在可能共享组件的页面之间正确利用缓存。
  • 您的 CSS 和 JS 将无法正确缩小。
  • 您将无法在 CSS 或 JS 上正确使用代码质量工具。
  • 你的 JS 的执行顺序会很困惑。
  • 您的代码缩进和质量总体上会很糟糕。这尤其适用于 HAML。
  • 其他开发者会讨厌你。

默认情况下,Rails 甚至会为每个 Controller 生成样式表和脚本,以便更轻松地从 Assets 中分离 View 。

但通常应避免使用“每页”样式和行为的习语,除非您正在创建琐碎的宣传软件,如果您尝试设想一组可重用的部分或模块 - HTML ,您将获得更好的代码质量和重用性class 属性很便宜——用 CSS/JS 的垃圾抽屉解析一个巨大的文档是很昂贵的。

关于javascript - 在 HAML 中包含 CSS 和 Javascript 的缺点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34910995/

上一篇:javascript - 我如何制作产品定制生成器

下一篇:javascript - 所选文本在 640 像素或更小的视口(viewport)中逐渐消失

相关文章:

javascript - 如何引发点击事件?

javascript - 如何根据单击的列表定位箭头

html - 悬停和填充的背景颜色

ruby-on-rails - 将列类型更改为整数 rails

ruby-on-rails - 为什么夹具中的这个 ERB 代码会抛出 'undefined method' ?

javascript - 如何从 youtube 视频中获取示例图像帧并将其用作背景?

javascript - 为 JSON 上的每个元素创建一个 React 组件

javascript - 验证时取消隐藏 jquery 中的特定字段

javascript - 从 Jquery slider 获取值并使其成为 ID

ruby-on-rails - 相关工作人员中的参数数量减少后如何处理已经排队的工作?