将javascript单页面应用程序转换为bootstrap应用程序

时间:2016-11-09 18:21:23

标签: javascript twitter-bootstrap

我们正在开发单页面应用程序。没有html文件(除了一个用于加载js和css文件。没有别的) 这是一个html 5 Web应用程序。今天我们对浏览器兼容性没有任何问题。我们不使用任何第三方js库。 我们开发了一个窗口处理程序(带有添加输入,按钮等功能),一些用于通用功能的库(与网络服务器通信JSON,转换日期时间等)

但是现在有一些关于“转换”到bootstrap的讨论,我没有使用bootstrap的经验。最大的原因是获得“一切都匹配的设计”到目前为止,该应用程序的开发主要集中在功能而非设计上。

请记住,这不像公司网页,而是用于编辑文档,通信等的应用程序。

所以问题是,我们是否应该将现有应用程序转换为设计引导程序,或者我们应该使用设计器来设计它并将设计转换为CSS。我个人不喜欢将所有类型的库添加到应用程序中。根据我的经验,我需要更多的时间来计算如何工作然后只是写它我纯粹的js和它更难调试。有关于此的任何想法吗?

2 个答案:

答案 0 :(得分:0)

如果您的应用程序没有问题,您只能使用BS CSS。或者只是你需要的部分。

答案 1 :(得分:0)

使用bootstrap CSS非常简单,只需应用bootstrap.css就可以获得很多帮助,忘记了与引导程序JS有关的任何事情。我不会将您的挑战等同于将各种库添加到应用程序中。"如果选择使用引导类,则只需在主HTML文件中加载bootstrap.css(可能还需要引导字体)。

然后,当然,工作开始更新窗口处理程序,因此它不仅将功能性HTML元素注入到DOM中,而且还在引导期望的结构中构造它们,并附加了引导程序类。与任何CSS框架一样,Bootstrap也有自己的一套约定,围绕每个设计元素(按钮,下拉列表,工具提示,制表符等)是如何用HTML构建的。这要求您更新窗口处理程序输出的内容,但不要求您从根本上更改Javascript框架。

那就是说,如果你还要投入时间,你可能最好在一个完善的框架上标准化应用程序。随着时间的推移,该框架将在功能和开发人员支持方面得到改进对于你提到的那种简单实用的应用程序,看起来AngularJS或ReactJS以及支持的样式框架很难出错。如果您的心脏设置在Bootstrap上,Angular-UI有一个现成的Bootstrap模块,我现在正在项目中使用它。它的引导程序。很好。没什么好看的。

我的经验是这样的:如果你只想制作每个按钮,字段,菜单等,看起来一致和现代,那么bootstrap可以让你走很长的路。但是如果你想要更高水平的UX&品牌一致性,CSS标准不会让你到那里。你需要一个具有相关专业知识的设计师,并且引导可以实际上阻碍你,因为它会锁定你可能与你的品牌不一致的特定外观和感觉。