jquery&bootstrap_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
jquery&bootstrap
&&jquery兼容ie8
bootstrap 兼容ie8
阅读已结束，下载文档到电脑
想免费下载本文？
定制HR最喜欢的简历
你可能喜欢集成vue到jquery/bootstrap项目
集成vue到jquery/bootstrap项目
说明，项目本身使用jquery和bootstrap做的管理后台，部分登录接口跑在node服务端，大部分接口使用springmvc实现。现在，使用vue开发，集成vue到原先的项目中。不影响原先的框架。原来的打包方式是使用fis打包，集成vue之后，先用webpack打包，再用fis打包。互不影响。1.由于原先使用jquery和bootstrap，所以package.json文件夹下面没有数据。使用vue的时候，需要的依赖全部放到package.json下，添加如下依赖：&name&:&node&,&version&:&0.0.1&,&private&:true,&scripts&:{&start&:&supervisorstart.js&},&dependencies&:{&babel-core&:&^6.0.0&,&babel-loader&:&^6.0.0&,&babel-preset-es2015&:&^6.13.2&,&cross-env&:&^1.0.6&,&css-loader&:&^0.23.1&,&file-loader&:&^0.8.5&,&style-loader&:&^0.13.1&,&vue&:&^2.1.6&,&vue-hot-reload-api&:&^2.1.0&,&vue-loader&:&^9.8.0&,&vuerify&:&^0.4.0&,&webpack&:&beta&,&webpack-dev-server&:&beta&&devDependencies&:{&babel-plugin-component&:&^0.9.1&说明：原先使用jquery的时候，使用的supervisor来进行热加载。这些依赖安装后会在本地node_modules目下，建议添加下gitIgnore和exclude该文件夹。前者是为了防止git提交代码的时候把这些lib提交上去后者是为了防止IDE使用index索引这些文件，会很卡。这里已经exclude了所以显示notexclude.gitignore文件添加：接下来就是进入到package.json所在目录运行npminstall，安装所有依赖项。2.新建webpack.config.js文件（webpack打包使用），文件内容如下：module.exports={entry:'./project/ebook-manage/resources/node-ebook-manage/js/console/content/rechargeOrder.js',output:{filename:'./project/ebook-manage/resources/node-ebook-manage/js/console/dist/rechargeOrder-bundle.js'module:{loaders:[test:/\.vue$/,loader:'vue-loader'test:/\.js$/,loader:'babel-loader',exclude:/node_modules/test:/\.css$/,loader:'style-loader!css-loader'test:/\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,loader:'file-loader'test:/\.(png|jpe?g|gif|svg)(\?\S*)?$/,loader:'file-loader',query:{name:'[name].[ext]?[hash]'resolve:{alias:{'vue':'vue/dist/vue.js'};说明：以上是表示将rechargeOrder.js文件打包成rechargeOrder-bundle.js文件，使用vue等loader（具体知识请看[webpack](http://webpack.github.io/)）3.原先jquery的是是在html中引入js的，现在我们仍然这么做。如下所示其中bundle.js是webpack打包之后的文件，并不是源文件4.写一个rechargeOrder.js文件，引用vue，代码如下：importVuefrom'vue'newVue({el:&#secondFram&,data:{userId:&&components:{},filters:{},beforeMount:function(){methods:{buttonClick1(){this.getOrders()computed:{});其中secondFram是在html中的一个id为secondFram的div5.在html中写一个button`查询`6.万事俱备，只欠······webpack打包,在webpack.config.js目录，使用webpackwebpack.config.js命令，打包后会生成一个rechargeOrder-bundle.js文件。就像之前引用js文件一样，只不过现在引用的是webpack打包后的使用vue编写的经过webpack处理的浏览器能识别的js。7.原先的项目使用fis打包，现在还是用fis打包，没有任何影响。这就是如何集成vue到已有的jquery项目。部分人使用jquery开发部分人使用vue开发，没有影响。
本文仅代表作者观点，不代表百度立场。系作者授权百家号发表，未经许可不得转载。
百家号 最近更新：
简介: 喜欢数码产品和了解，有一些见解
作者最新文章中国领先的IT技术网站
51CTO旗下网站
8个强大的基于Bootstrap的CSS框架
做过前端开发的小伙伴们应该对Bootstrap不 会陌生，它是由Twitter推出的开源CSS框架，其中包含了很多Web前端开发的工具包和应用组件。当然，和jQuery一样，Bootstrap同 时也是一个开放式的CSS框架，基于Bootstrap，我们也可以做许多不错的CSS UI组件。本文就介绍了8个强大的基于Bootstrap的CSS框架，一起来看看。
作者：来源：码农网| 08:57
做过前端开发的小伙伴们应该对不 会陌生，它是由Twitter推出的开源CSS框架，其中包含了很多Web前端开发的工具包和应用组件。当然，和jQuery一样，Bootstrap同 时也是一个开放式的CSS框架，基于Bootstrap，我们也可以做许多不错的CSS
UI组件。本文就介绍了8个强大的基于Bootstrap的CSS框架，一起来看看。
1、 -&基于Bootstrap的后台管理面板
这是一款基于Bootstrap的Metro风格的后台管理面板应用，Bootstrap Metro
Dashboard的UI是基于Twitter Bootstrap样式的，同时使用了jQuery 1.9.1和jQuery
UI组件，非常适合做网站的后台管理系统界面。
官方网站：/jiji262/Bootstrap_Metro_Dashboard
2、 -&基于 Bootstrap 的 UI 扩展
StyleBootstrap是一款基于Bootstrap的开源UI框架，目前基于Bootstrap风格的扩展插件很多，比如、等，这些之前我们都有做过介绍。StyleBootstrap应该说是对Bootstrap样式风格的一种扩展，除了一些基本的按钮、表单、菜单之外，StyleBootstrap还设计了功能全面的颜色拾取器，非常不错。
官方网站：/
3、 -&基于HTML5的CSS框架组件
BootFlat&是一款基于&Bootstrap&的&&组件，跟原生的Bootstrap框架相比，BootFlat提供了更多的页面组件，同时增加了页面布局功能。与Flat UI相比更为突出的是BootFlat可以帮助你更快速的利用HTML5实现Web App开发。
官方网站：http://bootflat.github.io/index.html
4、jQuery Mobile&Bootstrap&Theme -&jQuery移动端主题框架
jQuery Mobile&Bootstrap&Theme是一款基于jQuery和Bootstrap的移动端主题框架，有着非常精美的UI界面和简洁的操作控件。之前介绍过的&&主要是PC端的主题框架，跟jQuery UI Bootstrap相比，的体积更小，控件更适合移动端的操作习惯。
官方网站：/commadelimited/jQuery-Mobile-Bootstrap-Theme
5、 -&在jQuery UI上集成Bootstrap
jQuery UI&Bootstrap是一个将jQuery UI集成到Bootstrap上的CSS框架，jQuery UI
Bootstrap不仅可以利用jQuery
UI强大的控件库，同时还可以享受Bootstrap那种清新自然的主题风格，所以越来越多的前端开发者都在使用jQuery UI
Bootstrap。
官方网站：http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/
6、 -&免费的 Bootstrap 主题包
Bootswatch&是一款基于&Bootstrap&的免费主题包，其中包含了丰富的 Bootstrap 主题，你可以下载安装这些主题的 CSS 文件，实现各种各样漂亮的 Bootstrap 主题风格。
官方网站：/
7、 -&基于 Bootstrap 的 Metro 风格 CSS 框架
和Flat UI一样，BootMetro同样也是一款基于Bootstrap的CSS框架，BootMetro的最大特点在于它是一款Win 8 Metro风格的CSS框架。Metro风格的优势在于界面简洁平滑，UI元素简单，加载速度快，并且有不错的视觉效果。
官方网站：/aozora/bootmetro
8、 -&基于 Bootstrap 的扁平化 UI 开发包
Flat UI是一款基于Bootstrap的扁平化前端UI工具包，Flat UI的组件外观设计非常清新和漂亮，Flat UI的组件包含按钮，输入框，组合按钮，复选框，单选按钮，标签，菜单，进度条和滑块等精美的元素。
官方网站：/designmodo/Flat-UI
对于CSS框架和Bootstrap相关的资源，码农网将进一步为您收集和整理，欢迎继续关注。【编辑推荐】【责任编辑： TEL：（010）】
大家都在看猜你喜欢
头条头条头条原创头条
24H热文一周话题本月最赞
讲师：1人学习过
讲师：27人学习过
讲师：0人学习过
精选博文论坛热帖下载排行
《半条命》作者倾心写就
暴雪总裁等业内专家强力推荐
盛大公司专业团队翻译 一起来创造引人入胜的游戏体验吧！
任何精彩游戏的核心部分...
订阅51CTO邮刊聚合阅读：关于 “jquery,bootstrap,bootstrap模板” 的最新资讯内容
了解如何使用 Bootstrap 快速开发网站和 Web 应用程序（包括移动友好型应用程序）。Bootstrap 以 LESS 项目为基础，由 Twitter 的内部工程师开发，它..
今天小编为大家整理一系列好看的Bootstrap HTML网站模板，大家可以用它来快速搭建自己的网站，比如企业站、个人站、美食类或作品展示网站等。
这两三个星期我每天都在写响应式页面，借此累积了不少响应式页面和ajax的经验。我大致的梳理了几个响应式页面的重点，如果想往这方面发展或是对它有些..
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。Bootstrap的源码是基于最流行的CSS预处理脚本(Less和Sass)开发的，属于完全开源项目。随着Bo..
jQuery是现在最流行的JavaScript工具库。虽然jQuery很受欢迎，但是它臃肿的体积也让人头痛不已。jQuery 2.0的原始大小为235KB，优化后为81KB；如果是..
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。是目前最受欢迎的前端框架之一。下面为大家推荐17个免费的Bootstrap后台管理界面模板。
本文主要来学习一下JavaScript插件--轮播。废话不多说，直接进入学习。完整教程可查看：Bootstrap3.0教程
本文主要来学习一下JavaScript插件--按钮。完整教程可查看：Bootstrap3.0教程
本文主要来学习一下JavaScript插件--警告框。完整教程可查看：Bootstrap3.0教程。
本文主要来学习一下JavaScript插件--弹出框。完整教程可查看：Bootstrap3.0教程。
微信扫一扫主题信息（必填）
主题描述（最多限制在50个字符）
申请人信息（必填）
申请信息已提交审核，请注意查收邮件，我们会尽快给您反馈。
如有疑问，请联系
CSDN &《程序员》编辑/记者，投稿&纠错等事宜请致邮
傻丫头和高科技产物小心翼翼的初恋
如今的编程是一场程序员和上帝的竞赛，程序员要开发出更大更好、傻瓜都会用到软件。而上帝在努力创造出更大更傻的傻瓜。目前为止，上帝是赢的。个人网站：。个人QQ群：、
个人大数据技术博客：}