项目经验汇总
文章平均质量分 57
高彩琼
学习与分享优秀的代码
展开
-
easyui 手风琴Accordion 面板的高度设置
手风琴的API 提供的resize 方法没说怎么传参,不好用,因为依赖 面板,直接获取手风琴指定面板对象设置面板高度就生效了,效果好,也不用改子页面得业务代码。考虑到页面创建时用到了表单的回调和点击方法,所以不能单纯的移除,移除右侧表格的创建会报错,所以只能隐藏。今天接到一个新的小需求,如下图,当预算表单只有一个时,要求不显示预算表单这块的内容。原创 2024-02-22 17:48:54 · 630 阅读 · 0 评论 -
Vue一个项目兼容每个省份的个性化需求
/ eg: 运行服务 yarn run serve:hunan 会走通用及湖南个性化代码 打包同理。//获取省份编码 eg:河南 41 用于做个性化代码的区分。//省份个性化代码 直接根据 省份区划判断。prvName = '我是省份名称';prvName = '我是河南省';//省份个性化代码使用案例。原创 2023-02-15 11:36:27 · 2107 阅读 · 0 评论 -
前端开发性能优化方案-14条
单独得一个图片,js,css都是一个请求,将同类合并可以有效得减少请求个数。原创 2022-11-23 17:51:36 · 1260 阅读 · 0 评论 -
按钮过多时,根据窗口变化控制显示“更多操作”
原因是,onClickCell 事件和onClickCell事件被重写了,注销了原来点击事件里面得编辑事件,导致点击没反应原创 2021-08-30 16:41:22 · 1805 阅读 · 0 评论 -
通过js定义变量控制css 颜色 实现切换主题色
案例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .blue{ color: var(--primary-color); } .red{ color: v.原创 2021-01-08 17:40:22 · 1863 阅读 · 0 评论 -
文件下载不要弹出空白页面的实现
1、导出// 点击导出 按钮执行如下代码var parUrl = url ? url : '/bgtCommon/exportData?menuid=' + menuid + "&agency_code=" + agency_code + "&data_type=" + menubtns.data_type + "&view_id=" + view_id + '&job_id=' + menubtns.job_id + "&is_current...原创 2020-09-09 15:06:31 · 716 阅读 · 0 评论 -
Vue框架动态引入省份个性化代码
处理得数据结构:没处理之前得展示效果:处理方法,展示效果原创 2024-05-27 18:03:23 · 339 阅读 · 0 评论 -
easyui combotree之选中子节点
$('#exp_eco_id').combotree({ data: data.data, editable: false, idField: 'id', textField: 'text', pa...原创 2020-02-16 10:10:03 · 594 阅读 · 0 评论 -
js 在点击位置弹出页签,点击除了指定位置外,任意位置都关闭弹窗
样式要用(绝对)定位,核心js 获取点击位置距离左侧,及顶部的距离var e = event || window.event;var y = $(e.target).offset().top;var x = $(e.target).offset().left;给要显示的页签添加属性$("#showColsBox").css("top", y);$("#showColsBo...原创 2020-02-07 21:53:35 · 2260 阅读 · 0 评论 -
for循环与each循环比较和使用建议
同样的数据处理,第一个29s是for循环,第二个41s是each循环,循环建议使用for循环。var arr=[ { a:"a", b:2 }, { a:2, b:2 }, { a:"b", b:2 },];var arrb=[ {...原创 2020-01-08 10:39:12 · 451 阅读 · 0 评论 -
js打印功能案例及实现
建议:1、不需修改的页面可以用当前页局部打印。案例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>datagrid-打印</title> <link rel="stylesheet" hr...原创 2019-11-11 11:47:22 · 731 阅读 · 1 评论 -
接口传输中文字符,IE保存问题
解决办法:url=url+"&filterRules="+encodeURI(filterRules) // filterRules 里面传输的含有中文原创 2019-11-06 11:24:38 · 225 阅读 · 0 评论 -
form表单提交后页面变成空白
form 标签内的按钮提交会跳转至空白页。将form标签内的提交按钮放在form标签之外提交表单即可。原创 2019-10-30 09:40:35 · 4078 阅读 · 2 评论 -
将获取的表单数据数组数据转化成对象。例子是处理n个表单的数组数据
原创 2019-10-19 11:19:18 · 602 阅读 · 0 评论 -
ajax统一封装例子
/*统一ajax请求接口封装 * 创建人zhoulei 时间:2019年9月2日17:26:40 * type请求类型 post || get * url请求地址,必传项 * param请求的参数,默认传对象的形式 * isAsync是否异步加载 * isShowLoader是否显示加载动画 * dataType请求参数类型,默认json形式 * callBack请求成功的回调...原创 2019-10-15 11:40:56 · 832 阅读 · 0 评论 -
easyui treegrid分页使用~ 数据加载
原创 2019-10-15 11:40:19 · 352 阅读 · 0 评论 -
iframe嵌套,父子页面之间变量,方法,元素的相互调用使用介绍
子页面:<iframe id="XXX" scrolling="auto" frameborder="0" width="100%" height="570px" src="XXX"> </iframe>父页面取子页面的全局变量: var 变量名称= document.getElementById('XXX').contentWindow.变量名称;父页面调子页面的方...原创 2019-10-10 12:06:01 · 1144 阅读 · 1 评论 -
js页面缓存,localStorage和sessionStorage使用总结
localStorage、sessionStorage是Html5的特性,不支持及IE7下浏览器 localStorage和sessionStorage的区别: localStorage,生命周期长,清除浏览器缓存时,才会被清空,否则一直在。 sessionStorage,生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过s...原创 2019-08-14 22:30:06 · 2629 阅读 · 0 评论 -
华表(cell)的使用总结
公司的业务涉及的表格比较多所以使用了华表,安装了华表插件。之前并没有用过所以一开始是一脸懵逼,百度上的资料也很少,几乎都没什么用,插件上带有的说明也是其他语言,根本看不懂。踩了不少坑,为了防止自己以后忘记了,也为了方便小伙伴们使用所以记录一下:使用cell表需要引入的js,csskitui.min.jsReportWebUtil.jsRpWebEngineBudget.jscel...原创 2019-07-20 01:37:06 · 3611 阅读 · 1 评论 -
提交时,比较新旧对象的值是否相等
//newdata 获取的新值,oldData初始对象var tempObj = {};$.each(newdata, function (key, val) { //查出所有发生便更的项 if (val!= oldData[key]) { tempObj[key] = newdata[key]; }});if ($.isEmptyObject(te...原创 2019-07-19 23:52:14 · 303 阅读 · 0 评论 -
windows x86 系统下 vue.js开发环境搭建
1.首先,下载node.js。网址:http://nodejs.cn/download/(中文网,下载速度较快,根据自己的电脑系统选择下载)。外网下载地址:http://www.runoob.com/nodejs/nodejs-install-setup.html2.键盘点击:WIN键+R ,输入cmd 。在cmd里直接输入:npm in...原创 2019-05-09 22:07:36 · 150 阅读 · 0 评论 -
checkbox的应用,多行选项组选中值的获取
功能图如下:实现的html代码块如下:<!--项目筛选区--> <div > <div id="projects" class="projects rel"> <div class="pronum"><label >项目筛选:</label>原创 2019-03-14 15:21:59 · 620 阅读 · 0 评论 -
textarea标签IE浏览器下内容不换行
最近在用<textarea></textarea> 标签时发现一个问题,在ie和谷歌浏览器上展示的效果不同,如图:谷歌:IE 浏览器上显示效果把谷歌上的所有样式复制到标签上,在IIE下调节,一一过滤,发现IE下缺少这个属性textarea { white-space: pre-wrap;//textarea标签内容自动换行 hei...原创 2019-03-20 16:41:29 · 1300 阅读 · 0 评论 -
easyui中的多行文本框字体长度的动态验证
使用easyUI的html代码片段如下:(此处布局用的是table,建议使用div布局,便于后期修改样式)<tr> <td class="vertical-top">活动描述:</td> <td class="rel "> <input id="ActiveDescribe" cla原创 2019-03-13 14:46:12 · 1028 阅读 · 0 评论 -
easyui tree根据输入框的值模糊匹配树节点,高亮显示
效果图如下:刚开始用easyui创建树,通过URL请求数据,定义一个全局变量datas,在onLoadSuccess(数据加载成功时执行)获取到url返回的json字符串,针对json字符串进行处理,然后将获得目标数据重新挂载到树上,思路是这样,没想到的是,onLoadSuccess事件执行两次,按照百度的结果,去掉,class='easyui-tree'还是加载两次,目标数据挂载到树节...原创 2019-03-25 21:13:09 · 1447 阅读 · 1 评论 -
js非空判断建议
1、 if(!pmSuPerformanceArray || pmSuPerformanceArray.length < 1)2、 if( pmSuPerformanceArray.length < 1 || pmSuPerformanceArray=" ")非空判断建议用第一种,原因:1、非空判断写在第一位,如果为空则后面 或‘||’就不在判断,避免后面出现...原创 2019-04-27 10:39:27 · 8206 阅读 · 0 评论 -
解决表单提交,点击按钮提交多次的问题
ajax请求防止多次点击原创 2019-04-27 11:07:17 · 3092 阅读 · 0 评论 -
复制对象的值,处理后,原对象的值也会随着改变的解决办法
对象的赋值;仅仅是把新对象指向对象存储的地址,并不是重新创建了一个对象,所以改变对象的值时,所有指向该对象地址的对象的值都会变。解决办法是,复制对象的值重新存储,提供一个好用的方法。复制对象的数值方法function clone(obj){ var o,i,j,k; if(typeof(obj)!="object" || obj===null)return obj;...原创 2019-04-29 16:12:35 · 4177 阅读 · 0 评论 -
处理一个数组对象,按照父子关系的顺序输出一个新的数组对象
获取到的数据是这样的结构,想得到这样的数据结构,是按照父子节点关系依次存储的数据实现的递归算法如下://循环递归实现数据的排列顺序与树上父子节点的顺序一致,ydata指的是第一张图片的数据结构,返回数组对象newdataByparent就是想要的数组对象function TreedataOrderByParent(ydata){ if(ydata){ ...原创 2019-04-29 21:03:50 · 1036 阅读 · 0 评论 -
以一个对象的属性为准处理一个数组对象,返回一个新的数组对象,数组里的每一个对象里面的属性与上述对象的属性一致
data1是对比的对象数组,data2是待处理的数组,返回的data3跟data1里面的对象属性完全一致。function orderLikeStartData(data1,data2){//data1=treedata,data2=startreedata var data3=[]; for(var i=0;i<data1.length;i++){ va...原创 2019-04-29 21:16:38 · 422 阅读 · 0 评论 -
easyui input验证添加自定义验证方法
$.extend($.fn.validatebox.defaults.rules, { money: { validator: function(value, param){//value 为输入框的值,param为传入的对比标准 return value>=0; }, message: '金额或者数量不可为零...原创 2019-05-06 14:43:25 · 1481 阅读 · 0 评论 -
IE8下input[type="radio"]:checked + label:before控制样式,radio,checkbox点击没样式解决办法
写在前面,因为部分客户用xp的系统,最高支持到IE8,所以开发的页面要求兼容到IE8,o(╥﹏╥)o个人是IE11,win7环境不能安装iIE8,找了好久各种不支持,不能用IE8浏览器测试,只能用IE11下F12调试模式仿真IE8引用的主要js<script type="text/javascript" src="/framework-web/static/easyui/...原创 2019-05-09 21:59:28 · 3626 阅读 · 1 评论 -
ajax请求415,404,400,405,500错误处理方法
415错误:传参list类型不对,ajax头部缺少信息$.ajax({dataType:"json",//类型contentType:'application/json;charset=UTF-8',//内容类型,编码方式url:'/bgt-pm-server/agMain/isEvaluCentre?menuid='+me...原创 2019-05-22 11:02:41 · 2330 阅读 · 0 评论 -
对比两个对象不同的方法
var a;function machobj(obj,obj2){ a=0; matchobj2(obj,obj2); return a;}function matchobj2(obj,obj2){ if(!obj && typeof(obj)!="undefined" && obj!=0){ obj={}; ...原创 2019-06-04 11:34:32 · 1760 阅读 · 0 评论 -
// 解决cell表格遮挡下拉树的问题
//解决cell表格遮挡下拉树的问题variframedemo="<iframeframeborder='0'allowtransparency='true'scrolling='no'style='background-color:transparent;position:absolute;z-index:-1;width:100%;...原创 2019-07-06 16:45:37 · 237 阅读 · 0 评论 -
input输入search查找关键词时,实现(即时搜索)边输入边输出目标内容的例子代码
先充电:(1)change事件 触发事件必须满足两个条件:a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)b)当前对象失去焦点(onblur)(2)keypress 恩,还好。。。。。就是能监听键盘事件,鼠标复制黏贴操作他就无能为力了。(3)propertychange(ie)和input事件...原创 2018-05-18 11:51:58 · 25926 阅读 · 1 评论