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

Eli*_*obo 4 javascript html5 frameworks css3

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

我对一个框架不感兴趣,但更多的是结合了各种工具,它们可以很好地协同工作.我已经看过重置和规范化器,样板,HTML框架和网格框架,CSS创作框架,CSS框架,Javascript框架,DOM操作,AJAX,资源加载,特征检测和UI库,Javascript工具包,服务器端预处理器和客户端预处理器以及框架生成器; 这是美丽的混乱.

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

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

hay*_*lem 7

取决于什么.用你最了解的!

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

羽毛重量

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

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

重量级(包括电池)

如果您正在构建一个相当复杂的Web应用程序(在这里更多地按照数千行代码的说法),您需要将其提升一个档次,在这种情况下我建议您查看:

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

谷歌Closure工具肯定是非常全面的,如列入,因为它得到的电池,但他们不一定会发展您轻松:他们给你的权力,但你需要知道你在做什么.

Bootstrappers/Kickstarters

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

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


nic*_*ckf 5

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

如果你想要一个清单,请阅读这篇文章,他给出了理想的堆栈:

  • 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数据存储

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