![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端探究
对前端技术的探究,多数可能摘录于别人的文章
七月pro
这个作者很懒,什么都没留下…
展开
-
使用函数防抖监听vue鼠标滚轮事件
需求:全屏滚动页面中鼠标滚轮滚动,指定时间内触发滚动时间不重复执行1、先定义防抖函数// 函数防抖const debounce = (func, wait = 100, immediate = true) => { let timer return (...args) => { let context = this if (timer) clearT...原创 2020-03-23 14:28:49 · 2734 阅读 · 0 评论 -
js小技巧:巧秒获取某个月份的天数
今天写一个表格列数是由每个月的天数决定的,所以需要一个方法来根据月份获取当月的天数按照传统的方式,需要获取当前年份、月份,然后先判断年份是否是闰年,再用 switch case 来判断月份的天数,甚是麻烦,问朋友有没有简单的方法,还真收获了一个巧妙的思路:// 根据时间戳返回当前月份有多少天getDays (date) { // 传入一个时间戳d...原创 2020-03-11 20:56:22 · 316 阅读 · 0 评论 -
【转载】element-ui table表格根据内容列宽自适应
搬运自简书:https://www.jianshu.com/p/a5435ec44a80由于项目的需求规定表格中的内容超出部分不能悬浮显示,要自适应宽,先element 表格的是不支持自适应的,经过搜索引用了基于 Element-UI 二次封装的支持自适应列宽的 table-column 列组件github 链接:af-table-column安装npm insta...转载 2020-03-11 17:08:05 · 4975 阅读 · 0 评论 -
Echarts 巧妙解决视觉映射代替图例展示,并且根据数据大小有序排列深浅颜色的问题
改造之前的效果图是这样的(图例展示):改造之后(视觉映射代替图例):——————————————————分割线————————————————————完整这些操作的关键点有如下几点:1、首先根据echarts文档画出地图,这里要注意的是右边图例的数据要与左边地图坐标产生对应关系,如果右边图例的顺序是固定的也就简单了,直接获取根据data数据的索引值来匹配坐标,但如果拿...原创 2020-03-08 23:55:38 · 1622 阅读 · 1 评论 -
arr.reduce()妙用:解决根据一个字符串读取多层嵌套对象属性的问题
写node过程中遇到这么一个问题,要根据一个字符串str="userInfo.uname.firstName"来判断一个前端传参是否缺少必传参数,前端通过body传参如下:{ userInfo: { uname: { firstName: 'Wu', lastName: 'Dan' }, ...原创 2020-03-08 23:05:53 · 1090 阅读 · 0 评论 -
【转载】element-ui resetFields 无效的问题
转载自——林间有风1.问题重现因 “添加” 和 “编辑” 字段是一样的,所以我把他们做在了一个弹框表单里面,也节省了代码资源开销,如果你是分开写的弹框也就不会出现这个问题了通常情况下,我们在制作后台管理页面的时候经常会遇到以下操作 “新增、编辑” 等等操作,那么在编辑的时候我们通常会取到当前行的数据而进行赋值操作触发bug的条件是先打开,编辑进行赋值,后打开新增...转载 2020-03-07 22:25:54 · 2220 阅读 · 1 评论 -
$set——vue中数据更新,视图不更新的情况探讨
很早之前就知道this.$set可以解决vue中数据更新视图不更新的问题,但是对于什么情况下才会造成视图不更新一直很模糊,今天就来确认一下什么情况会造成视图不更新。vue官网中对此的解释是:需要注意的问题是,以下变动的数组中,vue是不能检测到的,也不会触发视图更新:通过索引直接设置项,比如: app.books[2] = {...} 修改数组长度,比如:app.books.leng...原创 2020-03-07 20:28:06 · 771 阅读 · 0 评论 -
css单行文本溢出隐藏和多行文本溢出隐藏
文本溢出隐藏首先要给文本一个确定的宽度!单行:width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;多行:width: 150px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-we...原创 2019-02-25 13:46:48 · 3138 阅读 · 1 评论 -
通过css引入外部字体来使用第三方字体
第一步:声明字体名称@font-face{ font-family: 'weiyang'; src : url('../static/weiyangjianti.ttf');}第二步:引用字体div{ font-family: 'weiyang'; font-size: 16px;}...原创 2019-04-07 20:45:34 · 1423 阅读 · 0 评论 -
ES6新特性之Set实现数组去重
开发遇到一个历史搜索记录去重复的问题,如果采用传统的for循环来实现,那又费精力,又费性能,想找找有没有更好的方法来实现,果然找到一个——set去重复。按照我浅显的理解,Set应该是平行于字符串、数组、对象的一个新数据类型:set。格式跟数组类似,特点是整个列表中没有重复项,自动去重。方法很简单:let new_set=new Set(arr);就这一步就完成了去重复,需要注...原创 2019-04-26 18:10:58 · 441 阅读 · 0 评论 -
vue中父子组件通过props传递数据,父组件数据ajax异步更新,子组件不动态更新的解决方案
近期在开发中遇到一个问题,把项目中评分星星剥离出来抽象为一个子组件,页面中也用后发现:如果是通过v-for渲染的列表,数据可以正常通过props传递到子组件并渲染加载,但是如果是异步加载获取到的数据能正常传到子组件中,但是不会重新渲染加载。异步加载获得的数据传递给子组件通过v-for渲染的数据传递给子组件查了一些网友的帖子后发现,只要在子组件中加侦听器watch监听props中值的变化,并在值...原创 2019-04-29 14:48:07 · 16925 阅读 · 0 评论