一 . jquery
二. datatable
dynatatble (可以根据json对象的key,自动画出表头)
三. Bootstrap 中文网
2. 信息提示框
https://github.com/HubSpot/messenger
3. nav tabs
http://v3.bootcss.com/components/#nav
<ul id="mytab" class="nav nav-tabs"> <li class="active"><a href="#sensors" data-toggle="tab">传感器</a></li> <li><a href="#cameras" data-toggle="tab">影像</a></li> <li><a href="#geology" data-toggle="tab">地质</a></li> <li><a href="#dems" data-toggle="tab">DEM</a></li> <li><a href="#photos" data-toggle="tab">照片</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="sensors">111</div> <div class="tab-pane" id="cameras">2222</div> <div class="tab-pane" id="geology">333</div> <div class="tab-pane" id="dems">444.</div> <div class="tab-pane" id="photos">444.</div> </div>
4. 可查询的下拉框 select2
http://ivaynberg.github.io/select2/index.html
5. 滑动杆控件
jquery ui slider
7. 不利用服务器端编程,利用swf把内容保存到本地文件.(datatables 也有这个功能)
8. 可以折叠的侧边栏
http://www.sitepoint.com/10-jquery-sliding-sidebar-panel-plugins/
四.常用 的js组件
1. 日期和时间处理组件