前端菜鸟的奇妙旅行----旅途中的js框架,js库

第一站: JQuery & Bootstrap & Highcharts

第一次接触的项目是完成一个webApp,根据用户的现有资产,市场行情以及用户选择的投资策略,对用户的投资组合进行优化.并允许用户在模拟器中任意改变总投资和资产比例,给出该方案的实时评价,已到达最优投资策略和用户实际情况的均衡.

当时是这样使用这三款框架的:
1. JQuery用来处理DOM操作和ajax请求,并且提供对另外两个库的支持 链接:jQuery官网
2. Bootstrap负责基本的样式,并且提供了丰富的组件,如导航条,轮播,button,tooltip等 链接:bootstrap中文网
3. Highcharts用于绘制图表 链接:highcharts中文网

总体来说,这三款框架是新手时代的救星,当然并不是说他们很简单.而是在只会抄demo而不懂任何技术细节的阶段,它们保证了从四处拼凑来的demo可以勉强运行,而且不至于丑得难以入眼.

jQuery是一个非常好用的DOM操作库,1.X,2.X版本分别支持IE6+,IE9+,新版本更好地利用了浏览器的新特性,使得体积更小,速度更快.它对常用的DOM操作进行了包装,帮助你解决大量兼容性的问题.缺点是对移动端的支持并不理想,主要表现在动画性能上,似乎jQuery中也并没有对移动端交互的支持.

Bootstrap是一款框架,包括css和js,支持ie9+.它隐藏了前端开发的细节,只要按照规则使用就能实现你需要的常用功能,并提供了许多套简洁美观的样式,并且提供了专业的移动端的适配.
如果你刚刚接触前端,而且不需要兼容IE9-的浏览器的话,不妨试试Bootstrap,一定能大大地节省你的开发时间.如果你已经进行了一段时间的前端开发,我建议您进行慎重的考虑,因为它太重了,它提供了许多功能,但是比起为项目量身打造的部件来说,也仅仅是提供了一些”不算坏”的选择.

Highcharts是一个优秀的js库,用于绘制各种图表,兼容ie6+.在新的浏览器上使用canvas,在旧的浏览器上使用svg,使得它具有非常出色的兼容性和性能表现.它极大地简化了绘制图表的工作,推荐在需要绘制图表的时候使用它,唯一的问题可能在于它太大了—-jQuery和压缩后的highcharts代码总计500k(根据你需要的功能不同在480k~580k之间浮动).

第二站: To Be Continued