- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我喜欢 Zurb Foundation(SASS,尤其是 Zurb Foundation for Apps),但想将其与 Facebook ReactJS 和 Flux 一起使用
这就是删除 AngularJS 并将其替换为 ReactJS/Flux。 Kiran Aburi 为实现这一目标开了一个良好的开端:
https://github.com/akiran/react-foundation-apps
http://webrafter.com/opensource/react-foundation-apps
人们如何看待将 Zurb Foundation for Apps 与 Facebook ReactJS/Flux 结合使用的长期可行性?
从技术和生态系统的角度(例如更新)。
或者,像 Zurb Foundation(或 Twitter Bootstrap)这样的 CSS 框架对于 ReactJS/Flux 真的有好处吗?
谢谢,阿什利。
最佳答案
无论什么 css 框架与任何东西搭配,都不应该成为您长期生存的问题。前端技术变化太快。 IE。对于主流来说,几年前一切都是jquery,然后是backbone、ember、angular,现在是react.js,也许还有riot.js。当 Angular 2 发布稳定版本时,它可能会再次改变它。
您的问题应该是哪个框架可以帮助您更快地完成工作。不同的客户可能想要不同的东西,我处理过的一些客户使用 Bootstrap,他们提供了他们的企业设计模式和一些可重用的 jQuery * bootstrap 小部件来实现,一些给了我 Backbone 模型并要求我在角度中使用它作为角度服务。有些人要求我用 stylus 而不是 sass 来完成。
因此,从长远来看,将 css 和 js 框架配对并不是我所关心的,趋势变化得太快了。 React 的好处是你可以将所有这些第三方库捆绑到一个组件中(如果你真的想这么做的话。例如;将 css 嵌入到 React-styles 中,如果你的某些组件使用 jQuery,你可以在 componentWillMount 生命周期中执行脚本延迟加载。),您获得了完全的自由,如果您想在同一页面上同时使用基础弹出窗口和引导弹出窗口的一些奇怪情况,您可以编写自己的 react 组件来包装其中之一每个,只要你的范围管理得当。
无论你使用哪种 css 框架,只要它能节省你做事的时间,都是有益的,没有最好的,我的团队在任何库之上构建了我们自己的 css 和 js 框架,以适应我们的工作.
关于zurb-foundation - Facebook ReactJS 和 Zurb 应用基金会?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28210880/
我在 ZURB 的论坛上发布了一个问题,但我注意到任何帖子都没有答案。 因为我认为这个问题可能会发生在许多其他人身上,所以我认为把它放在 SO 上也是一个好主意。它来了: 我使用以下标记制作了一个最小
我有一个非常简单的 Foundation CSS 代码 Content goes here Side goes here 我希望列之间有边距。目前,只有填充。所以如果我添加 bac
根据对先前提出的问题的回答,我有一个全屏布局: CSS fullscreen grid layout (with some scrolling sections) 我正在使用的线框: 编辑:这是我希望
现在下拉菜单的内容默认在右下角。 有没有设置它的选项,让它转到左下角? (基础 5) 最佳答案 “正确”的风格是通过 JS 应用的。要覆盖它,只需提供 #contentDrop #contentDro
.grid-container的默认宽度是多少?在大屏幕上?我怎样才能改变它并使它变大?正确的做法是什么? 最佳答案 .grid-container 的默认宽度在_settings.css 文件中定义
.grid-container的默认宽度是多少?在大屏幕上?我怎样才能改变它并使它变大?正确的做法是什么? 最佳答案 .grid-container 的默认宽度在_settings.css 文件中定义
如何禁用中/小屏幕的顶部栏折叠? 我按照 Here 中的说明进行操作但无论我将最小宽度设置为什么,我都会得到相同的结果。 最佳答案 如果您使用的是 SCSS 版本,那么您可以修改断点。 $topbar
您是否遇到过 zurb 基金会的顶栏问题? 输入框不适合导航。我没有修改任何东西,只是粘贴了来自 foundation's page 的代码到他们包含在基础文件中的示例网站。将字体更改为 Open S
出于多种原因,复选框在最新的 Foundation (4.1.6) 中存在问题。有没有一种简单的方法可以阻止 Foundation 接管它们?我需要 custom我的类 form s 其他原因。我如何
我最近开始将 Zurb Foundation 4 用于 Asp MVC 网站,但我不太明白开关控件应该如何工作。文档没有说太多 http://foundation.zurb.com/docs/comp
我的问题是,在桌面上我喜欢先有菜单,然后是最右上角的标志。目前,当我将模板缩小到移动版本时, Logo 位于菜单下方,这并不令人满意。我想在菜单之前吃。我试过使用推/拉没有成功。 在移动 View 中
是否有任何文档解释foundation.css 中的每个类?我不擅长前端开发,而且似乎没有通过 zurb 网站上提供的粗略文档来掌握概念。提前致谢。 最佳答案 没有。我认为对他们来说,ZURBling
刚刚切换我的 Rails 项目以测试 Zurb Foundation 5,现在切换顶部栏菜单不起作用。 当视口(viewport)很小时,顶部栏菜单项消失并且菜单图标像以前一样显示,但是当我单击菜单图
我正在使用 Zurb Foundation 并具有以下 html: Tab 1 Content of section 1. Tab
我正在尝试使用 zurb Foundation 5 显示模式。但是当我单击按钮时它不起作用并且无法打开。我正在使用这个 html 代码。 index Awesome. I ha
有什么我可以在命令行中输入的东西来找出我正在运行的版本吗? 最佳答案 在不了解您的具体情况的情况下,最简单的方法是在初始化 Foundation ( $(document).foundation();
我正在使用 Zurb 的 Foundation 4.2.3,但是当我打印页面时,网格布局始终没有得到维护。 例如, XXX Lorem
我已经下载了新的 Zurb Foundation 6 完整包 ( Foundation for Sites )。存档文件包含以下文件和文件夹: [css] > app.css, foundation.
我正在尝试使用 zurb 的基础框架在网站上实现一个 offcanvas,用于移动查看,并且只是从文档中复制了它的代码,但它就是行不通。 代码如下: $(document).found
我喜欢 Zurb Foundation(SASS,尤其是 Zurb Foundation for Apps),但想将其与 Facebook ReactJS 和 Flux 一起使用 这就是删除 Angu
我是一名优秀的程序员,十分优秀!