摘要:
vue比较常见的坑就是数据(后台返回)更新了,但是UI界面并没有更新,常见于以下情况: 一.数据为数组时1.通过数组索引修改数组元素例如: 此时UI数据并不会刷新 2.修改数组长度时: 解决方案: 如果data为JSON数组则如下: 第一个参数为要更新数据的数组,第二个参数为要更新的数组中具体的元素 阅读全文
2021年9月15日 #
摘要:
1.string.replace常用来通过正则表达式来替换字符串的某个或某些字符,形成一个新的字符串,例如: 2.其实它还有更强大的功能,那就是模板编译,此时需要传入一个回调函数作为其第二个参数,第一个参数仍然为一个正则表达式,例如 let template='<div data-id={{id}} 阅读全文
2021年2月4日 #
摘要:
背景 实际项目中,一般会遇到选中状态和非选中状态用不同颜色的图标去标识,例如导航栏图标的不同状态 我们通常的做法是 1.让UI给出不同颜色的图标,在不同状态下设置不同的元素背景例如: .icon{ background-image:url(未选中状态图标本地路径) } .icon.active{ b 阅读全文
摘要:
一.什么是web components? web components是一套允许开发人员自定义元素创建可重用组件的技术 二.怎么使用? 1.创建一个类或函数来指定web组件功能,例如使用es6的class 2. 通过customElements.define()方法注册自定义元素,并向其传递要定义的 阅读全文
2020年11月9日 #
摘要:
一.概念 函数组合顾名思义就是将两个或两个以上函数组合成一个新函数例如: const composeFunction=function(f1,f2){ return function(args){ return f1(f2(args)) } }//f1,f2是都是函数,args是组合后生成的新函数的 阅读全文
2020年4月29日 #
摘要:
平滑滚动:平滑滚动是我们做页面交互时经常用到的一种动画效果,今天要讲的骚操作就是通过HTML5中提供的属性scroll-behavior scroll-behavior 这个css属性有两个自定义值:auto | smooth,默认值为auto,表示立即滚动到指定位置,smooth即表示平滑滚动 这 阅读全文
2020年1月18日 #
摘要:
BFC (Block Formatting Context)即块格式化上下文 一.布局规则 1.BFC内盒子依次垂直排列 2.BFC内两个盒子之间的垂直距离由margin属性决定。属于同一个BFC内的两个相邻盒子margin会发生重叠 3.BFC内的区域不会与浮动的盒子重叠 4.BFC就是页面上的一 阅读全文
2020年1月13日 #
摘要:
我们平时用构造函数一般都是这样 function Person(name,age){ this.name=name; this.age=age } var person1 = new Person('june',26)//{name:'june',age:26} 但是我们可能会看到下面这种带retu 阅读全文
摘要:
平时我们开发中用到setTimeout和setInterval一般传入两个参数:执行函数和时间间隔 function sum() { console.log(1) } setTimeout(sum,1000) //一秒后输出1 如果此时执行的函数是带有参数的就有问题了,此时就可以应用setTimeo 阅读全文
2019年12月30日 #
摘要:
qs是一个工具包可直接通过npm install进行安装使用,JSON.stringify是js自带的将对象或数组进行序列化的一个工具方法 一.qs 二.JSON.stringify 阅读全文
2019年12月23日 #
摘要:
该篇博客主要记录本人在用vue开发实际项目中遇到的毕竟容易碰到和不易发觉的问题及解决方案,下面所贴的代码来自我做的实际项目。 如果大家有更好的解决方案欢迎留言评论 一.tab切换值不显示 修改前的代码(无关代码已去除),此时来回切换tab,详细信息组件(富文本组件)值不显示 修改后的代码 isSho 阅读全文