【Bootstrap了解】
自适应网页设计(Responsive Web Design)
关于前端框架BootStrap和JQueryUI(以及对应的优秀模板)
在 ASP.NET WEB FORM 项目中加入BOOTSTRAP套件
【Vs2012安装Bootstrap失败】
正在安装
操作失败
正在尝试解析依赖项“bootstrap (≥ 3.0.1)”。
正在尝试解析依赖项“jQuery (≥ 1.9.1 && < 3.0)”。
外部包不能依赖于以项目为目标的包。
【Angularjs介绍】
AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中 如Gmail、Maps、Calender 等。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入,等等。
【ionic framework 框架】
Ionic是一个前端的框架,帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。ionic的理念类似前端开发的BootStrap,目标是封装HTML5移动跨平台开发的最佳实践,就像Twitter Bootstrap在前端开发中做的一样。Ionic框架目前发展很迅速,我们从2014年3月开始使用,当时是1.0.0beta2,现在已经更新到1.0.0beta10,大概每2个星期会出一个beta版本,并且都包含实质性更新。Ionic框架很先进,js部分是基于AngularJS框架,大量使用了Css3,css生成基于Sass,构建工具基于最新的gulp,版本升级基于bower,原生层无缝封装了cordova。
【解决Echarts在Bootstrap中tabs显示问题】
tab切换时候,第一个echarts图正常显示,第二个及之后的图无法正常显示。
解决办法:
1、最简单也是最笨的一种,每次点击都将所有的图表重新初始化一遍
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
var myChart1 = echarts.init(document.getElementById('chart_1'));
myChart1.resize();
});