web前端开发入门最常用的四大框架《潭州教育编写》.docxVIP

web前端开发入门最常用的四大框架1.?Bootstrap?Boostrap绝对是目前最流行用得最广泛的一款框架。它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。?Bootstrap是用动态语言LESS写的，主要包括四部分的内容：脚手架——全局样式，响应式的12列栅格布局系统。记住Bootstrap在默认情况下并不包括响应式布局的功能。因为，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能。基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式。?组件——收集了大量可以重用的组件，如下拉菜单（dropdowns），按钮组（button?groups），导航面板（navigation?control）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进度条（progress?bars），媒体对象（media?objects）等等。JavaScript——包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果。插件主要包括模态窗口（modals），提示效果（tool?tips），“泡芙”效果（popovers），滚动监控（scrollspy），旋转木马(carousel)，输入提示(typeahead)，等等。?Bootstrap已经足够强大，能够实现各种形式的?Web?界面。为了更加方便地利用Bootstrap进行开发，很多工具和资源可以用来配合使用，下面列举了其中的一部分工具和资源。?jQuery?UI?Bootstrap?——?对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把?Bootstrap的清爽界面组件引入到jQuery?UI中。jQuery?Mobile?Bootstrap?Theme?——?和上面提到的jQuery?UI主题类似，这是一个为jQuery?Mobile建立的主题。如果你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用。?Fuel?UX?——?它为Bootstrap添加了一些轻量的JavaScript控件。Fuel?UI?安装，修改，更新以及优化都很简单方便。StyleBootstrap.info?——?Bootstrap提供了自己的几种界面风格，StyleBootstrap提供了更多的配色选项，并且你可以给每个组件都应用不同的配色。BootSwatchr?——?利用这个工具你可以立刻查看主题修改后的效果。对于每一次变动的效果，这个应用都会生成一个唯一的URL方便你与他人分享，你也可以在任意时刻修改你的主题。?Bootswatch?——?提供大量免费的Bootstrap主题。Bootsnipp?——?在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于Bootstrap?HTML/CSS/JavaScript?架构的免费元素。LayoutIt?——?通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，简单便捷。2.?Fbootstrapp?Fbootstrapp基于Bootstrap并且提供了跟Facebook?iframe?apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML，包括排版、表单、按钮、表格、栅格、导航等等，风格与Facebook类似.3.?BootMetro?BootMetro框架的灵感来自于Metro?UI?CSS，基于Bootstrap?框架构建，用于创建Windows8?的Metro风格的网站。它包括所有Bootstrap的功能，并添加了几个额外的功能，比如页面平铺，应用程序栏等等。 4.Kickstrap?Kickstrap是Bootstrap的一个变体。它基于Bootstrap，并在它的基础上添加了许多app，主题以及附加功能。这使得这个框架可以单独地用于构建网站，而不需要额外安装什么。你需要做的仅仅是把它放到你的网站上，然后用就可以了。 App 是一些页面加载完成之后加载运行的JavaScript和CSS打包文件。默认加载的app有Knockout.js, Retina.js, Firebug Lite, and Updater，你也可以自行添加更