项目代码js优化尝试
2016-12-11 14:27
218 查看
前段时间在做项目中,由于时间比较紧,没有好好规划,就把前端代码写了,导致后来其他同事一而再再而三的复制Copy,出现很难维护的局面,页面的逻辑布局构成为:
1、选项卡-根据选项卡取得对应的数据
2、将取得的数据呈现在echart地图、柱状图、拼图或者其他类型的图表上面
于是,在出差中有点时间,自己重新优化一下代码
1、选项卡-根据选项卡取得对应的数据
2、将取得的数据呈现在echart地图、柱状图、拼图或者其他类型的图表上面
于是,在出差中有点时间,自己重新优化一下代码
function isFunction(fn) { //return Object.prototype.toString.call(fn)=== '[object Function]'; return Object.prototype.toString.call(fn)==='[object Function]'; }; var PageChart = { echart_x: function (id) { return echarts.init(document.getElementById(id)); }, mapChart: function (id, jsonName, dqcode, callback) { var chart = PageChart.echart_x(id); var jsonfileName = jsonName + ".json"; $.getJSON(jsonfileName, function (data) { echarts.registerMap(jsonName, data); chart.setOption({ series: [{ type: 'map', map: jsonName, zoom:1.1 }] }); }); if (isFunction(callback)) { //callback("开始回调"); }; }, BarChart: function () { return ""; }, LineChart: function () { return ""; }, PieChart: function () { return ""; }, load: function (obj) { var len = obj.length; if (len == 0) { alert("初始化数据失败!"); return; } for (var i = 0; i < obj.length; i++) { if (obj[i].chartType == "map") { PageChart.mapChart(obj[i].id, obj[i].jsonName, obj[i].dqcode, obj[i].callback); } else if (type = "bar") { } else if (type = "pie") { } else { alert("没有合适的选项!"); } } } }; function option_X(id,jsonName,dqcode,type) { this.id = id, this.jsonName = jsonName, this.dqcode = dqcode, this.chartType=type }; //调用 PageChart.load([{ id: 'map', jsonName: 'sanmingshi', dqcode: '', chartType: 'map', callback: function (res) { alert(res); } }]);
相关文章推荐
- js 数值项目的格式化函数代码
- 项目问题1:由于代码已经过优化或者本机框架位于调用堆栈之上,无法计算表达式的值
- 优化你的JS代码--字符串的拼接
- 实用的JS代码优化技巧
- 请尝试将已有项目中的代码,封装成一个一个的小方法,并加上完善的注释。
- 收集了项目中常用的js函数和封装代码.
- 如何优化js代码(5)――避免双重解释
- js模块化开发---js大项目代码组织和多人协作的解决之道
- js模块化开发---js大项目代码组织和多人协作的解决之道
- 如何优化js代码(3)――减少页面的重绘
- js中if语句的几种优化代码写法
- JS代码优化技巧之通俗版
- Node.js Beginner示例代码(windows版)--尝试一下JavaScript的服务器
- 由一次代码优化想到的Js 数据类型
- js 代码优化点滴记录
- 网页制作代码经验总结:JS代码优化
- django:ddtcms项目代码编写计划启用的一点规范和UltraEdit的js脚本.
- JS代码优化技巧之通俗版(减少js体积)
- js注册模块代码优化
- 如何优化js代码(4)――减少作用域链上的查找次数