随笔分类 -  人性化设计

vue 表格内容异步导出
摘要：在做表格导出的时候，之前的框架一贯的做法是，导出拿到页面中缓存的查询条件，将条件参数在拼接，通过window.loaction的方式将参数拼接给后台，在打开， // 导出 handleExport() { if(this.total > this.exportLimit){ this.$_c.msg 阅读全文
posted @ 2020-12-21 16:49 人在路途 阅读(608) 评论(0) 推荐(0)
关于vue 全局loading方案
摘要：1.axios方案 在axios请求里面统一添加loading 先申明两个变量，记录页面是否有loading和请求个数 let loadingInstance，//记录页面中存在的loading loadingCount = 0 //记录当前正在请求的数量 在请求开始的时候判断页面是不是有loadi 阅读全文
posted @ 2020-07-27 17:30 人在路途 阅读(7047) 评论(0) 推荐(1)
对于div里面内容过大根据长度或者宽度进行适配，然后可以滚轮缩放的功能
摘要：在做3000的项目中，因为页面的svg很大，但是做的只是适配电脑，打开肯定是看不全的，要看全就必须进行滚动，可是客户提出了将页面放在电视机上面，用电视输入网址直接访问，这样问题就来了，电视上怎么进行滚动呢 所以新增需求 1、页面根据不同尺寸的设置进行适配 2、确保页面内容可以全部查看完整 3、可以进 阅读全文
posted @ 2019-10-15 11:43 人在路途 阅读(1094) 评论(0) 推荐(0)
懒加载
摘要：js 实现懒加载 原理：利用scrollTop+盒子的高度与图片的offsetTop进行比较，如果大于 说明就在视窗内，将图片盒子的地址更改路径即可 代码： 阅读全文
posted @ 2019-07-15 18:00 人在路途 阅读(156) 评论(0) 推荐(0)
解决display none到display block 渲染时间过长的问题，以及bootstrap模态框导致其他框中input不能获得焦点问题的解决
摘要：在做定制页面的时候，遇到这么一个问题，因为弹出框用的是bootstrap的自带的弹出框，控制显示和隐藏也是用自带的属性控制 控制显示，在触发的地方 例如botton上面加上 控制关闭，在取消或者确定的地方加上 这样一来就可以关联控制显示和隐藏目标 #myModal 的模态框，但是问题在于 如果模态框 阅读全文
posted @ 2019-01-18 15:57 人在路途 阅读(1568) 评论(0) 推荐(0)
重识手写固定表头固定列
摘要：在做能源管理系统的时候，因为客户特殊要求，需要将表格固定表头与固定列 思路：将表格固定的部分分为3快， 第一部分：表头 实现过程： 监听滚动条的滚动事件，判断滚动式是横向滚动的还是纵向滚动的，实现过程就是定义一个全局变量，滚动的时候去滚动的scrollTop对比，相同为横向，不等则为纵向， 实现代码 阅读全文
posted @ 2018-09-03 19:19 人在路途 阅读(370) 评论(0) 推荐(0)
自定义ajax,添加loading效果 （ajax函数再次封装）
摘要：自定义ajax /** * @desc 自定义ajax请求，添加等待gif */ var n=0; $.defineAjax=function(obj){ n++; if(!$('#loadingDiv')[0]){ var str='<div id="loadingDiv"><img class= 阅读全文
posted @ 2018-06-11 10:35 人在路途 阅读(431) 评论(0) 推荐(0)
关于表格单元格宽度不一样的时候切换菜单人性化设计的研究
摘要：做了几年前端，开始对东西要求有所提高一点，在做表格菜单切换的时候，因为单元格里面的内容不一样，所以宽度会不一样，如果将表格的单元格宽度固定，就会导致内容溢出，接着就会换行，也不符合，所以遗留下来的只能是宽度不一样， 针对这个现象，做了一个设计，就是当切换的时候能让表格展示的更加柔和一点，具体做法如下 阅读全文
posted @ 2017-12-21 11:29 人在路途 阅读(155) 评论(0) 推荐(0)
关于页面数据长时间没有加载时各种人性化设计
该文被密码保护。
posted @ 2017-11-28 00:34 人在路途 阅读(8) 评论(0) 推荐(0)
表头固定内容可滚动表格的3种实现方法
摘要：有时候，我们在开发前端页面过程中，可能会用到这种表格：表头固定不动，表格内容（<tbody>）需要竖直滚动。 像这样的： 还有这样的： 通过研究，我大致总结了以下三种实现办法供大家参考，如果有错误之处敬请指正，也欢迎拍砖！！ 一、表格总宽度自动，每列宽度设置统一用<colgroup>设置 这种实现方 阅读全文
posted @ 2017-04-26 15:09 人在路途 阅读(10839) 评论(0) 推荐(0)
JQuery实现表格的全选和反选，以及分页勾选保存（laypage插件分页的使用）
摘要：需求： 1、全选与取消全选 2、单个勾选，点击表格单元格中checkbox勾选，也可以在点击行勾选，便与用户操作 3、分页勾选保存 4、固定表头 功能一： 说明：操作全选按钮的同时，遍历每一个tr中的checkbox，如果是全选的并且之前没有被选中的就勾选上，如果是取消取消就全部取消勾选 功能二： 阅读全文
posted @ 2017-01-18 10:30 人在路途 阅读(723) 评论(0) 推荐(0)