![](https://img-blog.csdnimg.cn/20190522150035371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
高彩琼前端实践开发经验记录
前端实践开发经验记录
高彩琼
学习与分享优秀的代码
展开
-
判断对象只有某些属性
能输出对象的属性个数,hasOwnProperty()方法可以判断对象是否包含该属性。适用于,传多个参数调接口时,第一次加载判断参数不足不调接口用,避免参数错误,调用次数过多的问题。原创 2024-03-20 15:24:47 · 235 阅读 · 0 评论 -
easyui 手风琴Accordion 面板的高度设置
手风琴的API 提供的resize 方法没说怎么传参,不好用,因为依赖 面板,直接获取手风琴指定面板对象设置面板高度就生效了,效果好,也不用改子页面得业务代码。考虑到页面创建时用到了表单的回调和点击方法,所以不能单纯的移除,移除右侧表格的创建会报错,所以只能隐藏。今天接到一个新的小需求,如下图,当预算表单只有一个时,要求不显示预算表单这块的内容。原创 2024-02-22 17:48:54 · 610 阅读 · 0 评论 -
一样的代码不同项目跳转页面报404的解决办法
今天收到实施反馈的一个问题,点项目名称跳转项目详情页面时,有的页面跳转显示正常,有的页面跳转报404错误。检查一下代码,把变量含有文字等特殊字符的都用 encodeURI()方法包裹下,问题都解决了。发现报错的项目都有一个共性就是有特殊字符“[ ]” ,原创 2024-02-22 17:29:29 · 447 阅读 · 0 评论 -
获取文本框中录入得 方法,执行该方法
3、执行匿名方法 (new Function("return " + a))()();2、将字符串转换成真正可执行的方法,(new Function("return " + a))()1、从大文本框中获取到一个字符串 var a="function(){alert('2')}"最近一个同事问我如何将大文本中输入得方法,变成一个真正得方法执行,于是在控制台临时测试了一下我的想法。原创 2023-12-06 17:45:01 · 87 阅读 · 0 评论 -
大文本限制录入文字后通过输入法鼠标单击还可继续超限额录入问题
大文本限字数原创 2023-12-05 18:03:05 · 109 阅读 · 0 评论 -
前端存储数据时浏览器缓存不够用的解决办法
通常我们使用的浏览器缓存是这三种 cookie、localStorage、sessionStorage 最大的存储量只有5M。当项目缓存的东西比如:要素过多时根本不够用,所以考虑使用浏览器数据库 indexDB,大小由你的电脑存储盘决定。百度了一下感觉还挺复杂,其实很简单,存和取,完事。废话不多说献上效果图:1、使用必备的 一段代码奉上,封装一下indexDB,是为了更好的调用取,存,这段代码可以不用懂要学会用就可以了。取: INDEXDB.getItem('id', (res) => { consol原创 2022-06-09 17:51:38 · 1194 阅读 · 0 评论 -
css 根据一个元素是否存在控制另一个元素的样式
效果如下图,当”全部“存在时,控制兄弟元素的宽度变短,当”全部“不存在时,延长搜索框的宽度。寻找兄弟元素用 + 兼容IE浏览器。原创 2021-09-03 18:16:20 · 1101 阅读 · 0 评论 -
按钮过多时,根据窗口变化控制显示“更多操作”
原因是,onClickCell 事件和onClickCell事件被重写了,注销了原来点击事件里面得编辑事件,导致点击没反应原创 2021-08-30 16:41:22 · 1780 阅读 · 0 评论 -
阿里图标在IE浏览器上不显示的问题
问题描述:在本地编辑器上用IE和谷歌浏览器上运行,阿里图标都显示,(排除了兼容性问题)。起服务运行时发现谷歌浏览器显示正常,IE浏览器上不显示。报错如下:iconfont.eot @font-face 遇到了未知错误iconfont.woff @font-face 未能完成WOFF 完整性检查iconfont.ttf @font-face 遇到了未知错误百度上有的方法尝试了一遍,问了所有认识的前端大佬,尝试了多种发方法,最后怀疑是文件内部下载到本地被损坏了,按照网上的办法重新打包转个字体格式.原创 2021-03-11 09:57:59 · 705 阅读 · 0 评论 -
关于克隆对象数据仍会改变原数据得解决办法
1、本地得克隆方法//克隆,复制数据function cloneData(val) { return JSON.parse(JSON.stringify(val));};解决办法就是把你当前操作的这个对象再克隆一份,原创 2021-02-01 11:47:19 · 592 阅读 · 0 评论 -
IE浏览器不支持css变量得替代办法
写两个属性值,在IE浏览器默认展示第一个颜色,在其他浏览器默认用变量值。其实从根本上解决不了IE浏览器根据变量值改变颜色。原创 2021-01-29 20:56:16 · 1889 阅读 · 0 评论 -
多选框选中后被清空处理
html="<input id='status1' class='dp_n' type='checkbox'><label class='status1 iconfont' val='200' for='status1'>已纳入财政项目库</label>" + "<input id='status2' class='dp_n' type='checkbox'><label class='status1 iconfont' val='201' f.原创 2021-01-22 19:35:40 · 700 阅读 · 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 · 1850 阅读 · 0 评论 -
调用浏览器打印显示不全的解决办法。
//打印 iframe 页面var iframe=document.getElementById("printIframe");iframe.contentWindow.print();页面:bug效果,解决之后的效果:解决方法:打印的高度是页面的高度,页面的高度是内容撑起来的。可能是页面有大文本的原因,打印时,页面实际高度变高了,导致部分内容被隐藏,所以解决办法就是,在打印之前控制 iframe 内的div 使其加高,打印结束后,再恢复其高度即可。虽...原创 2020-12-10 20:32:03 · 6542 阅读 · 1 评论 -
事件代理多次绑定导致事件重复执行的bug处理
对象封装是,里面有事件代理,经常会遇到这样的问题:解决办法就是:先解绑对绑定对象的代理,然后再绑定。$(document).off("click","#clickMe").on("click","#clickMe",function(){ console.log("好吧");});原创 2020-09-11 23:53:09 · 289 阅读 · 0 评论 -
easyuUI datagrid 表格错位处理
bug入下图,滚动到最右侧,出现了列错位。原因:easyui datagrid支持的最大宽度是10000px;当列过多时,列合计超过10000就会出现错位的现象解决办法:给列重新设置宽度,有N个列,则每列的宽度为 10000/N;(已试,好用);或者:修改样式,把10000改成超过所有列之和。(已试,好用);或者:减少列的个数。...原创 2020-08-19 23:53:14 · 1696 阅读 · 1 评论 -
Vue框架动态引入省份个性化代码
处理得数据结构:没处理之前得展示效果:处理方法,展示效果原创 2024-05-27 18:03:23 · 329 阅读 · 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 · 2249 阅读 · 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 · 447 阅读 · 0 评论 -
datagrid切换请求数据接口~
//显示人员变动数据 /bsInfo/changeInfofunction loadChangeData(isyes){ var params = { menuid: menuid, //单位id agency_id: agency_id, //单位id view_id: view_id, //人员类型 batch_no:...原创 2019-12-31 15:51:15 · 391 阅读 · 0 评论 -
cell报表,tree不根据id找到指定节点元素及点击树干节点收缩
$('#treeCellMenu').tree({ data: treedata, parentField: "parent_code", textField: "ui_name", idField: "ui_code",//此处是id的话可以通过find 方法参数为id直接查找。 onLoadSuccess: function (node, data) ...原创 2019-09-02 11:50:40 · 130 阅读 · 0 评论