jjzjj

javascript - 是否有用于 backbone.js 等的用于 javascript 的现代/轻量级布局库?

coder 2024-07-23 原文

我在中断后回到 Web UI,并希望使用 backbone.js(或 batman.js,如果它曾经 desublimates)、node.js、通过 now.js 等通信创建一个现代的单页 javascript 应用程序- 但我的问题是我该如何布置呢? CSS 不是这种情况的最佳选择,而且我相信 css 固定定位在 iPad 上不起作用(css 布局毁了我的灵魂)。理想情况下,该库适用于桌面和移动布局,但这并不是严格的要求,因为似乎有些库可以很好地处理移动布局。

我只关心支持现代浏览器(webkit 和 FF),并希望对所有内容使用 css3 动画和渲染,而不是遗留动画和圆 Angular 技巧。我也不关心使用旧浏览器或禁用 js 的人是否无法查看该站点。

似乎很多人都在使用 JQuery(JQuery UI 插件?)或类似的“传统”库,但随着现代 js 库的爆炸式增长,我很惊讶没有什么独立的东西可以与类似的东西很好地配对 Backbone .js。我看到了 jLayout (http://www.bramstein.com/projects/jlayout/),但它缺少我需要的功能(边框布局中的可拖动/可折叠 Pane 等)。

那么我应该只使用传统框架,例如 JQuery + UI 插件或 Mootools MochaUI 吗? ExtJS 由于许可而退出,UKI 看起来很有前途,但似乎文档不足。有没有人对这些有很好的经验或者有其他选择?还是我应该重新考虑 CSS 布局的痛苦可能性?

更新:

谢谢大家。除非我遗漏了什么,否则所有的模板解决方案都是模板解决方案,而不是可以做我想做的布局框架(具有固定区域的边框布局等)。共识似乎是我应该坚持使用 CSS,可能使用 Compass + Sass 之类的东西?我的理解和经验是,很难实现跨浏览器工作且在移动设备上不会失败的固定区域边框布局,但我可能离得远。我也不确定我是否理解模板在这里的作用,它是自动渲染区域和模型吗?

最佳答案

您的问题听起来不太像是您在寻找 javascript 框架,而更像是您在寻找有助于页面布局的东西。我大量使用 Backbone,并且刚刚开始涉足 Batman。我认为没有理由不使用这些库/框架。我更喜欢使用 lightweight tools并避免单一框架。

在我看来,如果您要构建单页 Web 应用程序,扎实的 CSS 知识是必不可少的。我完全同意你应该咬紧牙关学习它。使用 Less、Stylus 或 SASS 来简化您的 CSS 是完全可以接受的,但您仍然应该了解这些工具生成的底层 CSS。我个人此时使用 Stylus。

如果您想快速启动您的项目并边学边学 CSS,您可能需要查看一些项目。这些将帮助您快速启动和运行,并减少您需要从头开始创建的 CSS 数量。

HTML5Boilerplate

这是一个很好的 HTML 起点,包括可靠的 CSS 重置。我个人不会使用整个重置并根据我的需要对其进行自定义。在这一点上确实没有理由不使用 HTML5。即使您不使用 HTML5Boilerplate,仍然可以考虑使用 Modernizr 和 YepNope 进行特征检测和 polyfill 资源加载。

Twitter Bootstrap

该项目包含各种 CSS 样板文件,可使许多常见的布局功能一致且美观。请注意,这将使您的应用程序有一种“twitterish”的感觉,但是您当然可以调整它以使其看起来不同。它使用 LESS 来更轻松地管理 CSS。我可能会在某个时候 fork 并将其转换为手写笔。

Semantic.gs

语义网格系统提供了一个不使用 .grid_x 类填充标记的网格系统。我还没有使用过它,但我打算很快使用它。您可能会发现它有助于创建布局。它还使用 LESS。同样,我可能会 fork 并转换为手写笔。

jQuery UI Layout

这是我在我的应用程序中使用的一个功能强大的布局插件,尽管它很重,而且我最近一直在考虑删除它并使用自定义 CSS/javascript。我创建了 a tabbed interface layout and custom theme并将其贡献给 UI Layout 项目的 Kevin。也许你会发现它很有用。这是 other layout solutions 的列表基于 jquery。

Template Precompiler

有大量的模板解决方案,包括下划线模板、jquery 模板、mustache、jade、coffeekup 等等。我目前正在使用 Jade 并创建了 tmpl-precompile使用 node.js 进行项目,将 jade 模板编译、组合和压缩/丑化为可提供给客户端的可执行 javascript 函数。 uglified预编译模板并不比原始 HTML 模板大多少,而且它们不需要在客户端进行编译。在 Backbone 中使用这些模板就像在 render 方法中调用函数一样简单。

关于javascript - 是否有用于 backbone.js 等的用于 javascript 的现代/轻量级布局库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6146869/

有关javascript - 是否有用于 backbone.js 等的用于 javascript 的现代/轻量级布局库?的更多相关文章

  1. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

    给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息? 最佳答案 在Rails3中,update_all不返回任何有意义的信息,除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

  2. ruby-on-rails - Rails 常用字符串(用于通知和错误信息等) - 2

    大约一年前,我决定确保每个包含非唯一文本的Flash通知都将从模块中的方法中获取文本。我这样做的最初原因是为了避免一遍又一遍地输入相同的字符串。如果我想更改措辞,我可以在一个地方轻松完成,而且一遍又一遍地重复同一件事而出现拼写错误的可能性也会降低。我最终得到的是这样的:moduleMessagesdefformat_error_messages(errors)errors.map{|attribute,message|"Error:#{attribute.to_s.titleize}#{message}."}enddeferror_message_could_not_find(obje

  3. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  4. ruby - 检查数组是否在增加 - 2

    这个问题在这里已经有了答案:Checktoseeifanarrayisalreadysorted?(8个答案)关闭9年前。我只是想知道是否有办法检查数组是否在增加?这是我的解决方案,但我正在寻找更漂亮的方法:n=-1@arr.flatten.each{|e|returnfalseife

  5. ruby - 检查字符串是否包含散列中的任何键并返回它包含的键的值 - 2

    我有一个包含多个键的散列和一个字符串,该字符串不包含散列中的任何键或包含一个键。h={"k1"=>"v1","k2"=>"v2","k3"=>"v3"}s="thisisanexamplestringthatmightoccurwithakeysomewhereinthestringk1(withspecialcharacterslike(^&*$#@!^&&*))"检查s是否包含h中的任何键的最佳方法是什么,如果包含,则返回它包含的键的值?例如,对于上面的h和s的例子,输出应该是v1。编辑:只有字符串是用户定义的。哈希将始终相同。 最佳答案

  6. Ruby Sinatra 配置用于生产和开发 - 2

    我已经在Sinatra上创建了应用程序,它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择,是开发还是生产,一些方法的逻辑应该改变,这取决于部署类型。是否有任何想法,如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现? 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm

  7. ruby-on-rails - Ruby 检查日期时间是否为 iso8601 并保存 - 2

    我需要检查DateTime是否采用有效的ISO8601格式。喜欢:#iso8601?我检查了ruby​​是否有特定方法,但没有找到。目前我正在使用date.iso8601==date来检查这个。有什么好的方法吗?编辑解释我的环境,并改变问题的范围。因此,我的项目将使用jsapiFullCalendar,这就是我需要iso8601字符串格式的原因。我想知道更好或正确的方法是什么,以正确的格式将日期保存在数据库中,或者让ActiveRecord完成它们的工作并在我需要时间信息时对其进行操作。 最佳答案 我不太明白你的问题。我假设您想检查

  8. ruby - 检查日期是否在过去 7 天内 - 2

    我的日期格式如下:"%d-%m-%Y"(例如,今天的日期为07-09-2015),我想看看是不是在过去的七天内。谁能推荐一种方法? 最佳答案 你可以这样做:require"date"Date.today-7 关于ruby-检查日期是否在过去7天内,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/32438063/

  9. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同,而不是下载一半的损坏文件?documentation说IO.copy_stream返回它复制的字节数,但是当我还没有下

  10. ruby - 是否可以覆盖 gemfile 进行本地开发? - 2

    我们的git存储库中目前有一个Gemfile。但是,有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它,我必须将它添加到我们的Gemfile中,但每次我checkout到我们的master/dev主分支时,由于与跟踪的gemfile冲突,我必须删除它。我想要的是类似Gemfile.local的东西,它将继承从Gemfile导入的gems,但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗? 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI

随机推荐