笔记
前端小菜机
3年前端开发经验
展开
-
el-select切换根据id筛选出匹配数据
onSelectedServeName(e) { let obj = {}; obj = this.listoptions.find((item)=>{ return item.id === e;//筛选出匹配数据 }); this.addErrorForm.serverName = obj.name;},原创 2022-02-11 14:44:15 · 628 阅读 · 1 评论 -
在vue中使用element-ui,有关两个表单同时验证。
1.一个表单的情况下:提交事件submitCopyForm('form')submitCopyForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { } else { return false; } });}2.当我多于一个表单的时候,最好的解决方法就是使用Promise.allasync confirm原创 2021-11-11 13:41:26 · 2025 阅读 · 0 评论 -
有关一个面试题的思路
面试官问:假如一个页面需要加载10万条数据,有什么方法?其实可以这样理解:假设有一个非常耗时的逻辑,代码逻辑已经最优了前提下要你优化,你有哪些办法?(考察WebWorker)Web Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任务分配给后者运行。1.主线程采用new命令,调用Worker()构造函数,新建一个 Worker 线程。主线程调用worker.postMessage()方法,向 Worker 发消息主线程通过worker原创 2021-10-24 22:36:53 · 47 阅读 · 0 评论 -
网易前端面试题
1.在created和mounted这两个生命周期中请求数据有什么区别呢?放在mounted请求有可能导致页面闪动(页面dom结构已经生成)。面试官问还有没有其他的区别,实在想不到啊,欢迎评论区大佬给补充2.一个页面中有两个组件,这两个组件请求后台返回的数据一模一样,如何实现让这两个组件只请求一次?3.data中的数据和computed数据有什么区别,computed里面能修改data数据吗?有什么影响?4. 后台返回一个数组,这个数组值假设非常大,如何展示数据?5. 一个计算属性能调用另外一个计原创 2021-10-13 17:21:54 · 291 阅读 · 0 评论 -
js中转布尔值
任何对象转为布尔值,都得到 true([ ]和{ }也是对象),切记!在 JS 中,只有0-0NaN’ ’nullundefined这六个值转布尔值时,结果为 false原创 2021-09-17 23:19:16 · 53 阅读 · 0 评论 -
闭包的使用场景
1.函数防抖functiondebounce(fn){ lettimeout=nullreturnfunction(){ clearTimeout(timeout) timeout=setTimeout(()=>{ fn.apply(this,arguments)},500) }}2.函数节流function throttle(...原创 2021-09-10 15:38:56 · 49 阅读 · 0 评论 -
vue动态获取数据让最后一条数据展示在页面中
相当于模拟一个聊天的窗口,新增的一条数据总是显示在屏幕中scrollToBottom { this.$nextTick(() => { let container = thid.$el.querySelector('.page-content') containter.scrollTop = containter.scrollHeight })}...原创 2021-08-27 15:46:32 · 818 阅读 · 0 评论 -
vue开发中touch事件,flat方法遇到的问题
1.touch方法既想传参,又想用event@touchend=“gotouched(item, $event)”调用时gotouched(item, event){//event.target真的很有用event.target.className(’’)//获取事件点击节点的类名,真的很有用,我开发遇到的情况是一个列表的一条数据点击时跳转到结果页面,这个数据中包含一个小图标用来执行其他事件,这样获取到类名就可以区分了,点击到小图标时不跳转。}2.flat方法本来用flat方法给数组进行扁平原创 2021-08-27 15:34:47 · 375 阅读 · 0 评论 -
多个父组件共用一个子组件,但是子组件点击的时候在不同父组件中触发的事件不同
一开始的思路是想根据路由判断,原创 2021-08-27 14:55:56 · 670 阅读 · 0 评论 -
touchstart、touchmove、touchend关于兼容性问题
最近在开发一个有关语音方面的项目,需要判断用户是否长按如何长按就进行下步操作,向上滑动可以取消,然后发现我在touchstart事件中写的代码在mate20 p7不会触发,这就很让人头大。然后就开始想解决方法。最后就抱着试试的心态放到了touchmove中,在touchmove中本来只做了一个是否取消录音的判断,然后我把代码片段复制了一份放到没有取消录音的判断模块中,发现可以,谁有更好的解决方法欢迎留言哦touchstartlet touch = event.targetTouches[0]this.原创 2021-08-12 10:24:57 · 484 阅读 · 1 评论 -
有关TS中的类(Class)
1.使用class创建类,接口实现用的关键词implements,比如定义了一个接口IPoint(用关键字定义interface),类Point,可以写成classPoint implementsIPoint{}2.对象object,class类,instance实例对象是类的实例,就是类(class)用new关键词实例化以后就产生了对象,对象也被称为实例instance3.构造函数可以初始化class里面的变量(TS中使用构造函数要用到关键词constructor),通过构造函数可以在初始..原创 2021-08-01 00:52:20 · 1083 阅读 · 0 评论 -
css设置两张背景图片
css设置背景图,想实现的效果是左边一张图大概占整个屏幕的50%,右边右上角有一张图片大概占屏幕的20%。body {background:url("") no-repeat left bottom , url("") no-repeat right top;background-size: 50% auto, 20% auto;}...原创 2021-07-29 14:41:02 · 1626 阅读 · 0 评论