分析一下:var common_ops = { init:function(){ this.eventBind(); this.setMenuIconHighLight(); }, eventBind:function(){ $('.navbar-minimalize').click(function () { $("body").toggleClass("mini-navbar"); SmoothlyMenu(); }); $(window).bind("load resize scroll", function () { if (!$("body").hasClass('body-small')) { fix_height(); } }); }, setMenuIconHighLight:function(){ if( $("#side-menu li").size() < 1 ){ return; } var pathname = window.location.pathname; var nav_name = "default"; if( pathname.indexOf("/account") > -1 ){ nav_name = "account"; } if( pathname.indexOf("/food") > -1 ){ nav_name = "food"; } if( pathname.indexOf("/member") > -1 ){ nav_name = "member"; } if( pathname.indexOf("/finance") > -1 ){ nav_name = "finance"; } if( pathname.indexOf("/qrcode") > -1 ){ nav_name = "market"; } if( pathname.indexOf("/stat") > -1 ){ nav_name = "stat"; } if( nav_name == null ){ return; } $("#side-menu li."+nav_name).addClass("active"); }, alert:function( msg ,cb ){ layer.alert( msg,{ yes:function( index ){ if( typeof cb == "function" ){ cb(); } layer.close( index ); } }); }, confirm:function( msg,callback ){ callback = ( callback != undefined )?callback: { 'ok':null, 'cancel':null }; layer.confirm( msg , { btn: ['确定','取消'] //按钮 }, function( index ){ //确定事件 if( typeof callback.ok == "function" ){ callback.ok(); } layer.close( index ); }, function( index ){ //取消事件 if( typeof callback.cancel == "function" ){ callback.cancel(); } layer.close( index ); }); }, tip:function( msg,target ){ layer.tips( msg, target, { tips: [ 3, '#e5004f'] }); $('html, body').animate({ scrollTop: target.offset().top - 10 }, 100); }, buildUrl:function( path ,params ){ /链接管理是们艺术,buildUrl这里在static/js/user/login.js中调用/ var url = "" + path; var _paramUrl = ""; if( params ){ /json通过key取值然后用map循环/ _paramUrl = Object.keys( params ).map( function( k ){ return [ encodeURIComponent( k ),encodeURIComponent( params[ k ] ) ].join("="); }).join("&"); _paramUrl = "?" + _paramUrl; } return url + _paramUrl; }, buildPicUrl:function( img_key ){ var domain = $(".hidden_layout_wrap input[name=domain]").val(); var prefix_url = $(".hidden_layout_wrap input[name=prefix_url]").val(); return domain + prefix_url + img_key; } }; $(document).ready( function() { common_ops.init(); });
时间: 2024-05-01 10:20:01 浏览: 120
这段代码是一个名为"common_ops"的对象,其中包含了多个方法,用于实现一些常用的功能。其中init()方法用于初始化,调用了eventBind()方法和setMenuIconHighLight()方法,eventBind()方法用于绑定事件,包括点击事件和窗口大小变化事件等,setMenuIconHighLight()方法用于设置菜单图标高亮。其他方法包括alert()方法、confirm()方法、tip()方法、buildUrl()方法和buildPicUrl()方法,用于实现弹出提示框、确认框、提示信息、构建URL和构建图片URL等功能。整个代码看起来比较简洁,但是实现了很多常用功能,可以方便地被其他程序员调用。
相关问题
db_table_ops("get", "router", "select", "{}", function (data) { //按照index排序 var temp_value = data; temp_value.sort(function (a, b) { var index_a = 100000; var index_b = 100000; if (a.index != '' && a.index != null) { index_a = parseInt(a.index); } if (b.index != '' && b.index != null) { index_b = parseInt(b.index); } return (index_a - index_b); }); _this.router_table = temp_value; });
这也是一段 JavaScript 代码,它包含了一个名为 "db_table_ops" 的函数,该函数接受多个参数,包括字符串 "get"、"router"、"select"、一个表示查询条件的对象 "{}" 和一个回调函数。函数在执行时会从数据库中获取某个表格中符合条件的数据,并将获取到的数据存储到一个变量 "temp_value" 中。然后函数会对 "temp_value" 数组进行排序,排序的规则是按照每个数组元素的 "index" 属性进行升序排序(如果 "index" 属性为空或 null,则默认为 100000)。最后,函数将排序后的数组赋值给变量 "_this.router_table",以供后续程序使用。
分析一下:var common_ops = { init: function () { this.eventBind(); this.setMenuIconHighLight(); }, eventBind: function () { $('.navbar-minimalize').click(function () { $("body").toggleClass("mini-navbar"); SmoothlyMenu(); }); $(window).bind("load resize scroll", function () { if (!$("body").hasClass('body-small')) { fix_height(); } }); }, setMenuIconHighLight: function () { if ($("#side-menu li").size() < 1) { return; } var pathname = window.location.pathname; var nav_name = "default"; if (pathname.indexOf("/account") > -1) { nav_name = "account"; } if (pathname.indexOf("/food") > -1) { nav_name = "food"; } if (pathname.indexOf("/member") > -1) { nav_name = "member"; } if (pathname.indexOf("/finance") > -1) { nav_name = "finance"; } if (pathname.indexOf("/qrcode") > -1) { nav_name = "market"; } if (pathname.indexOf("/stat") > -1) { nav_name = "stat"; } if (nav_name == null) { return; } $("#side-menu li." + nav_name).addClass("active"); }, alert: function (msg, cb) { layer.alert(msg, { yes: function (index) { if (typeof cb == "function") { cb(); } layer.close(index); } }); }, confirm: function (msg, callback) { callback = (callback != undefined) ? callback : {'ok': null, 'cancel': null}; layer.confirm(msg, { btn: ['确定', '取消'] //按钮 }, function (index) { //确定事件 if (typeof callback.ok == "function") { callback.ok(); } layer.close(index); }, function (index) { //取消事件 if (typeof callback.cancel == "function") { callback.cancel(); } layer.close(index); }); }, tip: function (msg, target) { layer.tips(msg, target, { tips: [3, '#e5004f'] }); $('html, body').animate({ scrollTop: target.offset().top - 10 }, 100); }, // 扩展:在前端页面实现url的动态管理 buildUrl: function (path, params) { var url = "" + path; var _paramUrl = ""; if (params) { _paramUrl = Object.keys(params).map(function (k) { return [encodeURIComponent(k), encodeURIComponent(params[k])].join("="); }).join("&"); _paramUrl = "?" + _paramUrl; } return url + _paramUrl; }, buildPicUrl: function (img_key) { var domain = $(".hidden_layout_wrap input[name=domain]").val(); var prefix_url = $(".hidden_layout_wrap input[name=prefix_url]").val(); return domain + prefix_url + img_key; }, }; $(document).ready(function () { common_ops.init(); });
这是一个 JavaScript 对象 common_ops,其中有一些方法,包括 init、eventBind、setMenuIconHighLight、alert、confirm、tip、buildUrl 和 buildPicUrl。其中 init 方法在文档加载完毕后执行,调用了 eventBind 和 setMenuIconHighLight 方法;eventBind 方法绑定了一些事件,包括点击事件和窗口事件;setMenuIconHighLight 方法根据当前页面的路径设置菜单图标的高亮效果;alert 和 confirm 方法分别弹出确认和提示框;tip 方法在指定元素上显示提示信息;buildUrl 方法根据给定的路径和参数构建 URL;buildPicUrl 方法根据给定的图片键值构建图片 URL。
阅读全文