2023
上一章我们利用JSON.stringify()与JSON.parse()方法实现了深拷贝,但是这种方法存在很多弊端,如对象的属性值是函数时,无法拷贝;不能解决循环引用的问题;无法拷贝特殊对象,比如:RegExp、BigInt、Date、Set、Map等。这一章我们来详细介绍一下深拷贝与浅拷贝。首先要知道,js中数据类型分为基本数据类型 (Number, String, Boolean, Null,...
在做关键词搜索功能的时候,需要对后台给出的数据进行处理,用到了filter过滤器来筛选对象中的数据。首先在本地准备两个变量,一个用来存储后台数据,一个用来过滤筛选。如图:关键词搜索的过程便是对userList进行筛选的过程。注意每次过滤之前都需要令userList=userAllList,防止越筛越少。但是执行的时候,却发现第二次搜索无法正常实现。将userList和userAllList都打印了...
可视化数据大屏中经常会有地图制作,需要展示省级或者市级的地图数据,还有的需要展示区县级的地图,今天分享一个下载地图的地址,不需要自己绘图制作。
上一章我们利用scroll-view组件的scroll-into-view属性实现了类似锚链接的功能。除了利用属性外,scroll-view组件还提供了一个scrollTo方法,使页面滚动到指定位置。可配置参数如下:可以看到参数view通过把值设置为某子元素id的方法跳转对应位置,实现思路与scroll-into-view属性是类似的。我们需要通过document.getElementById获取...
我们写页面时经常需要实现类似根据城市首字母找到对应城市的功能。之前在html中可以利用给元素添加id的方法,通过a标签锚链接到页面对应位置。如< a href ="a.html#first">从其他页面跳转到a.html页面的#first处 但是在使用avm框架的时候发现,框架不支持使用a标签,更不支持锚链接了,只能找寻其他方法。看了一下官网,发现avm所提供的scroll-view组件中有提供一...
根据项目的不同选择对应的项目模版,可以减少设置的繁琐程度,我们下面讲的是针对项目的自动化的操作。
SourceTree 一直提示账号或者密码错误
上一篇文章我们说了如何利用element做一个折叠面板,细心的朋友有没有发现,下面的样式中右上角有一个三角形,其实css的三角形很好画,有的公司甚至还会把画一个三角形当做面试题,属实是一个冷门又重要的知识,这里来记录一下。 最简单的其实就是用边框border来做一个三角形,给定一个宽度和高度都为 0 的元素,其 border 的任何值都会直接相交,我们可以利用这个交点来创建三角形。也就是说,bo...
今天做页面的时候看到了折叠面板,当然最简单的当然是用css的display:none配合js来改变,但是动画的方面可能需要自己写,而且如果有类似手风琴类型的只能有一个为打开状态,又需要额外的判断,所以这里推荐elementUI的折叠面板,通过solt插槽来改变其中的内容和标题。看一下设计图,与element有冲突的在于四个按钮和右侧折叠展开和右侧ui图标,其余就是普通的div+css就能解决。首先...
大多数情况下,我们都可以将Vue组件中定义的属性数据直接渲染到HTML中,但有些情况下,属性中的数据需要处理后再进行渲染,Vue给我们提供了计算属性来实现这种逻辑。计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时,那么当其依赖的任何值发生变化时,Vue 会使该计算属性改变并同时更新 DOM。这个功能非常强大,它可以让你的代码更加声明式、数据驱动并且易于维护。...