前端
从心归零
这个作者很懒,什么都没留下…
展开
-
js树的异步加载功能
之前用到了力软的框架,用了里面的tree.js,发现功能十分弱,本来想找另一个工具,但是想想正好可以锻炼一下写js的能力,于是就自己加了很多功能上去。其中有一个得意之作,就是树的异步加载功能。树一般有两种方式展开。一种是把所有的树节点在后台拼接成{id:"id",name:"name",parentId:"parentId",ChildNodes:[]}这样的结构,然后再展开。另一种是逐级展开。就...原创 2018-06-11 13:23:16 · 1129 阅读 · 0 评论 -
layui多iframe页面控制定时器运行
我们web页面中有几个页面是有定时器在刷新的,并且查询的内容还不少,给服务器造成了不少压力。这些接口已经尽量优化,能放到缓存的都放到缓存。然后主管又提了一个需求,就是我们使用的是layui多标签iframe框架,当不在某个页面的iframe时不要执行定时器。我觉得这是一个挺不错的提议,而且实现起来也不难。粗略地考虑有两个思路,一个是点击标签时开启或关闭定时器,一个是定时器执行时判断所在的ifr...原创 2019-08-28 16:08:20 · 780 阅读 · 0 评论 -
jqgrid表格按等级合并
之前做过jqgrid的表格合并,但是只是很简单的相邻内容相同就合并的逻辑,然后现在我要做一个分级的合并功能,就是说将列认为的设置等级,只有上级相同的列名字相同才能合并。举个例子,我先按日期,机器,班次排序,然后合并日期,机器,班次,如果只是简单的相同内容就合并,可能会出现不同日期有着同一台机器合并的可能。废话不多说直接上代码。//gridName表名//CellName需要合并的列名(多个...原创 2019-07-29 16:34:06 · 331 阅读 · 0 评论 -
jqgrid框架下数字用千分位显示
有一个需求,需要jqgrid中所有的数字用千分位显示千分位替换的代码到是简单 var num = 234223423432; var reg=/\d{1,3}(?=(\d{3})+$)/g; num = (num + '').replace(reg, '$&,');问题是如何识别数字之前改过源码,解决了空格的问题https://blog.csdn.net/qq_36...原创 2019-07-05 17:46:02 · 929 阅读 · 0 评论 -
js框架防止重复点击代码
系统中出现了一些问题,仔细查询日志后发现在短时间内用户切同一个单好几次,仔细想想就知道应该是用户连续点击的缘故。当然跟我后台判断的疏漏有关系,但是我认为前台也应该做一些限制措施比较好。基本的思路是声明一个flag变量,然后点击后变成true,按钮动作完了再变回false。不过我的方法很多,而且很多按钮都是用模板生成的,需要动态生成flag。 function noRepeat(key){...原创 2019-07-01 17:13:04 · 229 阅读 · 0 评论 -
多个空格在页面上显示的问题,修改jqgrid源码解决
今天客户反馈了一个小问题,就是把表格中的产品名复制到搜索条件里面查询却查不到相应的产品。经过调查以后发现这个产品名包含了三个空格,而在页面上却只显示了一个空格所以复制后多的空格都缺失了,查询资料后发现这是html页面的特性。解决方法是用 代替空格经过debug后找到jqgrid.js中拼接文本的代码 ...原创 2019-05-31 09:24:15 · 744 阅读 · 0 评论 -
echart实现custom自定义色块功能
之前完成了一个比较复杂的功能。但是一直没有时间(懒)把这个代码分享出来,趁着一个人加班的机会顺便写个博客。下面是实现的具体展示。这个图是用来展示机器在一定时间内参数修改的次数。就是说一定时间范围内,两次修改的间隔在五分钟之内,则把他们归为同一个色块。横坐标是统计时间的跨度,纵坐标是这段时间内修改的次数。同样颜色的色块代表的是同一台机器,所以就可以非常直观明了的表现机器修改的次数,如果在...原创 2019-04-14 15:44:10 · 6159 阅读 · 5 评论 -
layer.open打不开弹窗的问题
我的项目页面是复合结构的,使用layui-iframe版的框架,最外面的页面保持不变,然后里面可以打开多个tap。然后在子iframe里面,调用top.layer.open可以打开一个弹窗,但是当我直接用新的页面打开iframe,调用top.layer.open却不生效。实际上对实际的项目来说影响不大,因为用户都是打开主页,然后用tab的形式打开iframe,不会有这个问题,但是却让我这个强迫...原创 2019-04-02 17:13:07 · 12324 阅读 · 5 评论 -
layer弹出层自动调节位置
项目中有弹出层的内容是不固定的,根据情况可能变长变短,于是就要求做layer弹出层的大小自适应,查询了api后发现layer.iframeAuto方法可以实现,这里吐槽一点,ie浏览器的html没有被body撑大,而iframeAuto方法是根据html的高度计算的,导致我之前出现在ie下,调用iframeAuto后高度直接变零。好了,做好了这一点之后,测试又提出一个问题,因为他是用小屏幕...原创 2018-07-23 16:06:50 · 21633 阅读 · 5 评论 -
jqgrid列和表头不对齐的问题
今天在做首页时没用使用表格的模板,结果jqgrid表出现了表头和列不对齐的情况我很奇怪,于是跟其他正常的表格进行对比,发现有一个很奇怪的地方正常对齐的表头正常对齐的表格可以看到正常的表头,width虽然是100px,但是实际上是92+5+2+1=100,表格也是95+2+2+1=100,所以是对齐的而不对齐的表头是这样的表格所以就不对齐了,然而实际上这才是默认正常的。那么是什么属性改变了这一点呢?...原创 2018-06-25 15:31:41 · 8511 阅读 · 0 评论 -
在火狐中浮动和text-align冲突的问题
公司没有前段,于是写页面样式也得亲自上阵,刚开始比较烦躁,写得多了也渐渐熟练起来。自以为小有所成,然而各个浏览器的兼容问题又浮上水面。这次碰到的是火狐的问题<div style="padding-top: 25px;text-align:center;"> <span id="previous" class="leftArrow" style="float: left;marg...原创 2018-06-29 16:28:14 · 870 阅读 · 0 评论 -
网页纯前端导出table为excel表格,以及使用js-xlsx导出excel格式
下面是完整的代码,exportTable是直接调用的方法,tableid是table标签的id,selectField是筛选的数组,只有数组中的列会导出,name是导出的文件名var idTmr; function getExplorer() { var explorer = window.navigator.userAgent ; //ie ...原创 2018-05-18 14:25:21 · 3167 阅读 · 2 评论 -
select异步加载和自定义定时触发器
用户表单页面有十几个select标签,每一个都要向后台字典表请求数据,那么问题来了,在编辑的时候要将select反显应该怎么做?我们的项目是通过js请求反显的。如果要让select反显,那么只能先等待select加载以后才能反显。这样就只能将select的ajax请求设成同步,结果是加载速度极慢。所以要实现异步才行。这时有两个思路,第一个思路,给页面的select元素设置load属性为false,...原创 2018-06-12 10:49:32 · 585 阅读 · 0 评论 -
用css控制显示多余文本隐藏并显示省略号
之前做过一个需求,隐藏多余的文本内容,显示省略号,然后我用截取文本长度的方式实现了。中途还考虑过中文字符长度较长还弄了个算法判断中文字符的长度加1。但是后来又出现一个问题,就是在不同的浏览器下元素块的宽高样式不一致的问题。拿到这个需求的时候我的思路是根据元素块高宽和字符大小和行高计算文本的长度。但是在想偷懒查询网上有没有现成方法时发现竟然可以用css实现这个需求。text-overflow:...原创 2019-09-26 14:18:38 · 899 阅读 · 0 评论