首页 > 其他分享 >【yishaadmin】yisha前端优化(持续更新)

【yishaadmin】yisha前端优化(持续更新)

时间:2022-10-09 22:11:05浏览次数:133  
标签:yisha arr obj 前端 yishaadmin li ul var addClass

1、单页面字典调用问题处理

yisha-data.js中修改,注意如果想要无权限也可以查看界面,当前请求接口权限标识去除,注意也把字典信息查询接口权限标识去除。

   function getDataDict(dictType) {
        var arr = [];
        try {
            for (var i = 0; i < dataDict[dictType].length; i++) {
                if (dataDict[dictType][i].DictStatus == 1) {
                    arr.push(dataDict[dictType][i]);
                }
            }

            if (arr.length == 0) {
                ys.ajax({
                    url: ctx + 'SystemManage/DataDictDetail/GetListJson',
                    type: "get",
                    async: false,
                    data: { DictType: dictType },
                    success: function (obj) {
                        if (obj.Tag == 1) {
                            for (var i = 0; i < obj.Data.length; i++) {
                                arr.push(obj.Data[i]);
                            }
                        }
                    }
                });
            }

        } catch (e) {
            ys.ajax({
                url: ctx + 'SystemManage/DataDictDetail/GetListJson',
                type: "get",
                async: false,
                data: { DictType: dictType },
                success: function (obj) {
                    if (obj.Tag == 1) {
                        for (var i = 0; i < obj.Data.length; i++) {
                            arr.push(obj.Data[i]);
                        }
                    }
                }
            });
        }
        return arr;
    }

2、菜单文字重合问题

    // 滚动到指定菜单
    function scrollToMenu(element) {
        var menuTabUrl = $(element).data('id');
        $(".nav ul, .nav li").removeClass("selected").removeClass("active").removeClass("in");
        $(".nav ul, .nav li").each(function () {
            if ($(this).children().length > 0) {
                var link = $(this).children()[0];
                if (link) {
                    var menuUrl = $(link).data('url');
                    if (menuUrl == menuTabUrl) {
                        var dataType = "[data-type=menu]";
                        var parent1_li = $(link).parent(dataType);
                        parent1_li.addClass("active");

                        var parent2_ul = parent1_li.parent(dataType);
                        parent2_ul.addClass("in").addClass("active");
                        //对高度进行调整  add hangxing.pang 
               parent2_ul.height("auto"); var parent3_li = parent2_ul.parent(dataType); parent3_li.addClass("active"); var parent4_ul = parent3_li.parent(dataType); if (parent4_ul) { parent4_ul.addClass("in").addClass("active"); var parent5_li = parent4_ul.parent(dataType); parent5_li.addClass("active"); } return false; // 终止循环 } } } }); }

 

标签:yisha,arr,obj,前端,yishaadmin,li,ul,var,addClass
From: https://www.cnblogs.com/sailing92/p/16773883.html

相关文章

  • Date前端日期变为年龄处理方法
    现在页面展示效果为: 1,首先编写一个过滤器用来处理想要处理的数据 2,将要处理的数据绑定到过滤器上3,过滤器中:输入该代码即可完成效果(重点)filters:{showAge(value){......
  • 前端使用json-server快速搭建服务
    一、json-server概述​ 一个在前端本地运行,可以存储json数据的server。​ 通俗来说,就是模拟服务端接口数据,一般用在前后端分离后,前端人员可以不依赖API开发,而在本地搭建......
  • #yyds干货盘点# 前端歌谣的刷题之路-第一百零九题-双向数据绑定
    前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从......
  • vue 前端导出PDF文件
    原理:通过对页面的截图进行生成PDF文件。PS:这里的截图指的是系统对页面的截图,不是你手动的截图,这里的截图进行可以长截图并且生成对应页数的PDF页码。  首先用npm引入......
  • 微信公众号开发,前端通过js获取微信授权的sha1加密
    //SHA1加密functionencodeUTF8(s){vari,r=[],c,x;for(i=0;i<s.length;i++)if((c=s.charCodeAt(i))<0x80)r.push(c);elseif(c<......
  • 前端模块化发展
    前端模块化的发展 CommonJS的模块化实现 但是应用到项目中需要node技术支持解析 ES6的模块化实现模块化概述Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开......
  • 接收前端参数(反序列化) 学习
    参考:https://www.bilibili.com/video/BV1XR4y157rk?p=6&spm_id_from=pageDriver&vd_source=caabcbd2a759a67e2a3de8acbaaf08ea针对模型字段和属性见https://blog.csdn.......
  • ajax 传递一个Entity的值,并前端取值例子
    (一)java后端publicStringgetContentAjax(HttpServletResponseresponse)throwsParseException,IOException{//获得当前时间Datedate=newDate();//lo......
  • 【前端必会】CSS动画,的确很简单
    背景用css动画让你的页面交互动起来开始<body><buttonid="button">开始</button><divid="block"></div></body><script>document.getElementById("button"......
  • 前端性能优化
    一.html1.减少dom嵌套深度2.写上meta标签,有利于seo3.语义化标签,有利于维护,有利于seo4.能用css实现的少用就标签,比如,用border-botton代替<hr/>,二.css1.css文件引入要放在hea......