您建议使用Javascript / Css / HTML框架和库的哪些组合?

时间:2012-03-03 00:24:16

标签: javascript html5 css3 frameworks

我希望通过一些很酷的库来实现我的Web开发的现代化,但是有很多工具可以做不同的事情,通常是重叠的,很难决定。

我对一个框架不感兴趣,而是对各种工具组合在一起的更多内容。我已经看过重置和规范化器,样板,HTML框架和网格框架,CSS创作框架,CSS框架,Javascript框架,DOM操作,AJAX,资源加载,特征检测和UI库,Javascript工具包,服务器端预处理器和客户端预处理器以及框架生成器;这是美丽的混乱。

此外,我期待使用SASS和Coffeescript或类似的东西,所以包括那些的组合会很好。

更新: 我决定使用JQuery进行DOM操作,我也很欣赏某种kickstarter / bootstrapper。

4 个答案:

答案 0 :(得分:7)

取决于什么。 使用您最了解的内容!

但是,这里有一些建议......

羽毛重量

为了快速,没有多余的装饰,没有过度开发,我建议:

  • Underscore 用于一般JavaScript开发
  • BackBone 用于客户端/服务器通信(使用jQueryZepto.js进行AJAX调用)以及设计模型和事件总线
  • Jasmine 用于JS测试
  • SASS for cool CSS
  • HTML框架,那是什么? :)

CoffeeScript 确实很棒,如果你想走这条路的话。如果您对 CoffeeScript 感兴趣,也可以查看Google的 Dart ,但这是最新的。

重量级(包括电池)

如果你正在构建一个相当复杂的网络应用程序(在这里更多地按照数千行代码的说法),你需要把它提升一个档次,在这种情况下我建议你看看:< / p>

Dojo Closure 可以集成到复杂的构建系统中,它们的编译器可以在保持代码库的同时实现良好的模块化易于生成强大优化的可交付成果。它们都包含自己的模块加载系统,因此您不需要像Require.JS这样的其他库,如果您使用自定义构建,也只会加载您明确告诉它们的部分。但要注意,他们肯定更有动手,学习曲线更陡峭。

Google Closure Tools 绝对是非常全面,并且随着电池的包含,它们并不一定能让您轻松开发:它们可以为您提供权力,但你需要知道你在做什么。

Bootstrappers / Kickstarters

有些解决方案可以“启动”您的项目,并为您预先包装一些上述工具,有时会为您提供一些自定义功能,因此您可以轻松入门,无需维护自己的kickstarter新版本的日期:

警告:我自己并没有真正尝试过这些kickstarter。

答案 1 :(得分:5)

显然,这里的答案取决于非常你正在构建的内容。如果你真的进入前端工程和制作单页网页应用,我建议你阅读Addy Osmani's blog。最近,他一直在写博客,并就javascript MVC / MVP / MVVM系统以及缩放javascript应用程序进行了大量讨论。

如果你想要一个清单,请阅读this article,在那里他给出了理想的堆栈:

  
      
  • Backbone.js用于轻量级MV *
  •   
  • Require.js + AMD + RequireJS文本插件(以协助外部模板管理)
  •   
  • Backbone.js LayoutManager(如果您需要更智能的布局管理)
  •   
  • 用于DOM操作的jQuery。
  •   
  • Handlebars.js用于模板,除非你做的很简单,在这种情况下,选择Underscore的微模板
  •   
  • r.js用于处理脚本优化
  •   
  • Jasmine + Jenkins用于测试和CI
  •   
  • Node.js + Express(谈到Node,Miller Medeiros对如何将其用作构建脚本有很好的记录)
  •   
  • MongoDB作为noSQL数据存储
  •   

这与我自己使用的内容非常接近,我可以证明这些库的质量,这是一个完整的堆栈解决方案。

答案 2 :(得分:0)

jQuery for JavaScript。除了代码jQuery API之外,还有许多用于UI控件的优秀UI插件,它隐藏了DOM中的浏览器差异。

答案 3 :(得分:0)

  1. Angular JS - 太棒了。 MVC框架,非常适合快速SPA的

  2. jQuery - DOM操作 - 适用于效果(淡入淡出,切换等)

    不要过分依赖它。

  3. Angular JS,jQuery - 有些人认为它们可以很好地协同工作。

  4. Backbone.js的

  5. Ember.js

  6. React.js - 使用JSX,而不是JS,但几乎是一样的

  7. <script type='text/jsx'>
        //JSX
    </script>