直接bootstrap之类的UI框架真的比自己用传统的css和js写好么

作者&投稿:永闸 (若有异议请与网页底部的电邮联系)
直接bootstrap之类的UI框架真的比自己用传统的css和js写好么~

bootstrap是基于html5,css3的ui框架。ui框架除了bootstrap,还有extjs等,应用都很多的。
你非要说是不是比传统手写好,我要说好,有些偏激,我只能说:ui框架是方便了前端界面搭建,可以更快捷,更方便的搭建出相对稳定的前端界面。缺点是由于框架不是你自己写的,所以你需要对框架的细节进行修改的时候,还要重新学习框架。
你可以参考一些bootstrap的模板,还是很不错的,除了美观,还具备响应式交互,个人感觉很不错,目前我在翻译一套基于bootstrap的框架的文档,感觉挺实用的,常用功能几乎都有了,如果功能不够用,可以考虑使用一个其他插件来代替。

要看情况和使用场景,正如没有包治百病的药一样,bootstrap类似的UI框架也不是万能的,作为前端当然不能只会点点框架。我们项目里面前期就用了bootstrap,但後来发现bootstrap太占空间,不能尽可能多的显示信息,于是撤换,很多控件要求又很独特,然后就得自己写,所以,使用什么,怎么用,需要看实际需要以及场景的侧重点

一般前端会需要尽可能多的会这些

语言:1,熟练掌握html5,css3,javascript,ajax2,掌握PHP、java、python中至少一种web开发语言(不少公司都有特定需求吧,奇虎还招golang)3,框架/库:MooTools,YUI,Angular,jQuery,Dojo.4,UI框架:BootStrap,Foundation,Semantic UI,Kendo5,CSS制作工具/编译器:SaaS/LESS6,JavaScript服务端运行时:Node.js,Ringo7,JS模块化规范:AMD,CMD,CommonJS8,工具:Gulp,Grunt环境:1,熟悉Linux开发环境,了解常用工具的使用2,熟悉svn/git思想:1,熟悉W3C标准2,熟悉表现与数据分离3,对Web语义化有深刻理解4,掌握响应式设计5,能够理解数据结构和算法设计6,具有一定的软件工程意识

首先使用框架是为了提升开发效率,如果是为追求精致的话,还是最好自己写css和js。
其次框架提供了很多封装好的组件,比如轮播图和模态窗口,这些都是比较常用的组件,自己就没必要去再一次造轮子了。
然后bootstrap等框架可以和自己的css和js混合使用,一般不会互相冲突。
最后是bootstrap等现在流行的框架主要是为响应式网站提供一套完整的布局解决方案,强调移动端和桌面端共用一套代码,如果只做桌面端,也没必要用这些框架。如果要实现移动端,那即使自己写,也绕不开这些布局的实现。


bootstrap使用方法
面板样式是在很多种情况下都可能会使用到的样式之一,例如博客的侧边栏、企业网站的公告栏、栏目列表等。面板样式除了内容之外,还有一个面板头部可以添加标题,让我们通过这篇文章看看Bootstrap面板样式的使用方法。Bootstrap面板基本样式 直接调用面板样式也非常容易,只需要通过以下代码即可实现: Basi...

什么是Bootstrap?
Bootstrap基于HTML、CSS、JAVASCRIPT,自2011年8月在Git Hub上发布,推出以后颇受广大用户青睐。Bootstrap中预定义了一套CSS样式以及与样式相对应的j Query(j Query是一个快速、小巧、功能丰富的JAVASCRIPT库)代码。在网页开发时,首先要在HTML结构的与之间引入“bootstrap.min.css”,接着在与之间引入“...

Bootstrap简介
什么是Bootstrap?Bootstr是一个用于快速开发web应用程序和网站的前端框架,Bootstrap是基于HTML,Css,JavaScript的。Bootstrap历史:        Bootstrap是由Twitt的Mark Otto和Jecob Thomton开发的。Bootstrap是2011年八月在Github上发布开源产品。Bootstrap的优点:   ...

bootstrap有哪些优势
Bootstrap 是最受欢迎的Web前端框架之一。 自从官方2011年发布以来,Bootstrap 经过数次优化。 现在,Bootstrap是最稳定,响应最好的框架之一。它被各种水平的开发者所喜爱,因为通过使用Bootstrap, 他们能够在几分钟内设计一个功能齐全,有吸引力的前端页面。即使是一个只具备HTML和一些CSS基础知识的初学...

Bootstrap 中的导航栏是如何实现的?
Bootstrap 的导航栏是通过 HTML、CSS 和 JavaScript 实现的。在 Bootstrap 导航栏的核心中,导航栏包括了站点名称和基本的导航定义样式。默认的导航栏创建步骤如下:向 标签添加 class .navbar、.navbar-default。向上面的元素添加 role="navigation",有助于增加可访问性。向 元素添加一个标题 ...

什么是Bootstrap?为什么使用 Bootstrap
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。为什么使用 Bootstrap?移动设备优先:自 Bootstrap 3 起,框架包含了...

如何用bootstrap栅格系统实现响应式
栅格系统介绍 Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中。但在较复杂的页面上出现问题,间隔,内外边距常...

怎么在页面里引入bootstrap的css和js文件?
在官网下载bootstrap的 css 和 js文件,选择第一个下载,然后复制时面的 css 和 js文件到你的文件里。引用方法: Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,是一个CSS\/HTML框架。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发。Bootstrap提供了优雅的HTML和CSS规范,它即是...

bootstrap是什么意思
bootstrap的意思是:独自创立。Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架,使得Web开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门...

怎么样使用bootstrap快速开发一个简单的前
Bootstrap就是由上面几部分组成的。上面已经都每个组成部分做了一个简单的介绍,接下来的内容无非是通过一些实例来对每个组成部分进行一个详细的介绍罢了。二、12栅格系统Bootstrap定义12栅格系统,就是为了更好的布局。每个前端框架都首先要定义好的就是布局系统。在Bootstrap里面,就是利用行和列来创建页面布局的。其...

瑞金市19771526787: 有哪些值得推荐的类似 jQuery UI 或者 Bootstrap 这样的 UI 框架 -
勇欣力邦: 现在用的最多的就是bootstrap.1、 Twitter BootStrap (响应式) 时髦、直观并且强大的前端框架,让Web开发变得更加容易.2. Foundation (MIT;响应式) 最先进的响应式前端框架.3. 960gs(GPL&MIT;响应式)960gs提供了一个简单的网...

瑞金市19771526787: 直接bootstrap之类的UI框架真的比自己用传统的css和js写好么 -
勇欣力邦: 要看情况和使用场景,正如没有包治百病的药一样,bootstrap类似的UI框架也不是万能的,作为前端当然不能只会点点框架.我们项目里面前期就用了bootstrap,但后来发现bootstrap太占空间,不能尽可能多的显示信息,于是撤换,很多控件要...

瑞金市19771526787: 除了Bootstrap,还有什么其他前端UI库 -
勇欣力邦: 排名不分先后:jquery ui - The official jQuery user interface library.AngularUI - The companion suite for AngularJS yui3 - A library for building richly interactive web applications.xui - A tiny javascript framework for mobile web apps.dojo - The Dojo Toolkit core library.国内:淘宝:kissy 豆瓣:arkui 百度:tangram 网易:NEJ

瑞金市19771526787: bootstrap这种框架应该怎么使用 -
勇欣力邦: 下面我在这里简单的介绍下Bootstrap框架.Bootstrap框架属于UI框架,这个和jQuery不太一样,其实准确的描述Bootstrap框架属于css框架而非javascript框架,但是它本身也使用javascript来完善Bootstrap框架的视觉效果.此外,Bootstrap框架...

瑞金市19771526787: bootstrap类似前端框架有哪些 -
勇欣力邦: 如果你说的是js框架,建议先掌握好jQuery,然后还有很多的,比如楼上提到的extjs,近几年比较流行的AngularJS,基于移动端考虑的轻量级仿jquery框架zepto,还有jquery mobile,还有适合写后端或服务端的node,等等.如果是web前端框架,就不仅仅是涉及的js了,还有html和css.个人觉得只有这三种语言都涉及到的框架才能说得上是web前端框架.现在比较火的是Bootstrap,还有Foundation,比较古老的有jqueryUI,easyUI等等,还有其他很多很多.如果还有算上处理方案及版本升级代码迭代等,就要用到百度团队研发的fis这种了.其实内容真的很多很多,前端任重而道远啊~

瑞金市19771526787: 现在不少针对移动端的WEB前端UI框架,有没有针对PC端的web前端UI框架,bootstarp除外,请大神们介绍几款 -
勇欣力邦: 这个很多 比如EasyUI、jQuery UI、LigerUI、Ext.js等

瑞金市19771526787: 移动webapp前端ui用哪个框架好 -
勇欣力邦: 这个看项目需求 小项目 jQuery Mobile / App Framework (jqmobi) 更小的项目直接Bootstrap

瑞金市19771526787: CSS框架 ui 有哪些 -
勇欣力邦: 精致的 CSS UI 框架:1、Bootstrap – 最流行的Web前端UI框架2、jQuery UI - 基于jQuery的开源Javascript框架3、jQuery UI Bootstrap4、BootMetro - Metro风格的CSS框架5、Flat UI - 扁平风格 UI 工具包6、网易CSS框架 NEC7、Alloy UI – 功能强大的CSS UI框架8、Cardinal – 移动端的CSS UI框架9、快速开发CSS的框架 CSScaffold10、后台UI开发框架 MuseUI

瑞金市19771526787: ui框架有哪些,web前端开源框架 -
勇欣力邦: 推荐几个精致的web UI框架及常用前端UI框架1.Aliceui Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式. 2.Amazeui Amaze UI ...

瑞金市19771526787: 网页前端常用的库或框架有哪些 -
勇欣力邦: bootstrap是twitter出的一款不错的UI框架,或者与其说是框架不如说是类库(lib),当然这里边牵扯到一个“究竟什么是框架什么是类库?”的问题,我们暂时不谈.毕竟是有大公司背景的代码堆,我觉得没什么“落伍”可言.angular是前两年...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网