前端经验

uCharts实现一个叠堆柱状图

http://localhost:3000/data3为本地测试接口地址,请把接口改掉,换成json.js里面的模拟数据 template view class = qiun-columns view class = qiun-title-bar style = view class = qiun-title-dot-light 考勤统计 / view /...

前端经验

javascript递归创建树导航菜单的方法

html内: !DOCTYPE html html lang = en head meta charset = UTF-8 meta name = viewport content = width=device-width, initial-scale=1.0 meta http-equiv = X-UA-Compatible content = ie=edge title Document / title / head style * { padding : 0 ;...

前端经验

CSS设置div或li自适应列数显示

要求在在1300px的时候显示4个,出现横向滚动条 布局:html内 div class = main-wrapper ul class = ul-list li 1 / li li 2 / li li 3 / li li 4 / li li 5 / li li 6 / li li 7 / li li 8 / li li 9 / li li 10 / li li 11 / li li 12...

前端经验

echarts仪表盘完整代码

var option = { backgroundColor: #00162a , title: [{ x: 40% , y: 53% , text: 主干道平均车速:36km/h , textStyle: { fontWeight: normal , fontSize: 16 , color: #fff }, }], series: [ { name: , type: gauge , min: 0 , max: 10 , radius: 80%...

前端经验

angularJS 的利用ng-repeat遍历二维数组

最近在做报表的项目,有一种情况是后台返回给我的是一个二维数组,在前台将数据放入到表格中,因为我们用的是angularJS的前台框架,所以利用ng-repeat来实现: 首先在js中: $scope ....

前端经验

js实现拆分字符串并依次输出

var str= 2,2,3,5,6,6 ; //这是一字符串 var strs= new Array (); //定义一数组 strs=str.split( , ); //字符分割 for (i= 0 ;istrs.length ;i++ ){ document .write(strs[i]+ br/ ); //分割后的字符输出 }...

前端经验

js阻止事件冒泡及浏览器默认行为

// 阻止事件冒泡函数 stopBubble(e) { if (e e.stopPropagation) e.stopPropagation() else window .event.cancelBubble = true } // 阻止默认浏览器动作 stopDefault(e) { if (e e.preventDefault) { e.preventDefault(); } else { window...