前端总结
文章平均质量分 73
前端总结
Earl_yuan
这个作者很懒,什么都没留下…
展开
-
layui表单select下拉选择框高度设置
在我们使用layui的弹出层时,如果layer弹出的是页面层,恰巧这个页面层高度无需太高,又恰巧弹出层内部表单包含一个下拉框,更恰巧这个下拉框的内容还挺多,那么layui下拉框会出现以下问题。下拉框打开后,下方的选项框超出了当前弹出页面层的高度,会出现下拉框的滚动条和页面的滚动条,用户体验感不好。打开浏览器控制台可以看到以下的css样式,就是这里对下拉框进行了设置样式。.layui-form-select dl { display: none; position: absolute;原创 2022-03-19 10:53:03 · 7290 阅读 · 0 评论 -
Ajax实现瀑布流动态加载网页
瀑布流的动态加载效果是我一直以来觉得最喜欢的效果之一了。最近在工作中遇到了一个情景,当我登录到系统中时,需要向另一个系统发送多次接口查询数据,之后再将这些数据显示到页面上。这就存在了这样一个问题:页面加载的时间过长,用户在登陆后就需要一直等待接口全部查询完毕后才能登录到系统中。这大大的降低了用户体验。所以我就决定使用瀑布流的效果来加载页面,在用户登陆后,先只查询一个接口,返显数据到页面上,这时用户原创 2015-10-14 07:58:08 · 6683 阅读 · 0 评论 -
Echarts的使用
最近工作中使用到了图表统计,综合多方面考虑,决定使用百度开源的项目Echarts来作为项目图表显示的开发。在工作中我们使用到了Echarts实例里的标准圆环图,就像是这样原创 2015-11-03 21:50:25 · 4721 阅读 · 0 评论 -
文本框获得焦点
在实际开发中,我们可能会遇到需要对文本框进行判断,如果为空的情况,是不能进行表单提交的,而且为了用户界面的交互友好考虑,我们需要让文本框获得焦点以便用户继续输入。下面我们就来看看如何使用js控制实现这一需求。<body> <input type="text" id="tmpName" name="tmpName" onblur="checkExist()"><span id="tip"></原创 2016-02-16 19:58:05 · 3522 阅读 · 0 评论