- 博客(9)
- 收藏
- 关注
原创 安装 Vue-devtools拓展程序
vue-devtools是一款用于vue应用的调试的基于chrome浏览器的插件,可极大地提高我们的调试效率。可帮助我们快速的调试开发vue应用。
2022-11-03 23:37:58
2681
2
原创 编辑时校验字段值是否重复
在项目里我们有时候会表单录入一些规则的名字,图片的名字等等,这些一般业务上要避免重复。这时就会写一些校验来避免这样的事情发生。
2022-10-18 15:09:20
352
原创 面试官:平时怎么判断前端数据类型
优点:instanceof 可以弥补 Object.prototype.toString.call() 不能判断自定义实例化对象的缺点。缺点:instanceof 重写前 只能用来判断对象类型,原始类型不可以。并且所有对象类型 instanceof Object 都是 true。对象类型包含普通对象-Object,数组对象-Array,正则对象-RegExp,日期对象-Date,数学函数-Math,函数对象-Function// true。
2022-10-15 16:31:27
589
原创 解决 Cannot read properties of null (reading ‘disabled‘)报错
在Vue + elementUI 后台项目里遇到了一个问题,所有模块的的下拉Select 和时间选择器DataPicker (可能还有其他组件) ,在选择后点击页面其他地方都不会自己收起。打开控制台会发现报错了,每点击一次,错误+1.代码里全局搜索 el-dropdown ,el-dropdown下缺少 el-dropdown-menu 元素,如果元素上有 v-if 改成 v-show。
2022-10-14 17:16:37
6361
4
原创 简单版-手写防抖(debounce)和节流(throttle)
在前端需求开发中,经常需要绑定一些持续触发的事件,例如 scroll事件、onmouseover事件等等,但实际项目中我们并不希望这么频繁的去执行,因为会极大地浪费资源,降低应用性能。防抖和节流可以减少调用频率,目前是解决上边这个问题比较好的方案。防抖就是指触发事件后在 n 秒后函数只能执行一次,如果在 n 秒内又触发了该事件,则会重新计算函数的执行时间。比如 n=10,如果在第8秒又触发了,则又会从0秒开始计算。
2022-10-04 08:45:00
1087
原创 解读前端面试 EventLoop事件循环机制
EventLoop是计算机系统的一种运行机制。JavaScript语言就采用这种机制,它是一种单线程语言,所有任务都在一个线程上完成,一旦遇到大量任务或者遇到一个耗时的任务,网页就会出现"假死",因为JavaScript停不下来,也就无法响应用户的行为。为了解决这个问题JS中出现了同步任务和异步任务。简单来说:eventloop事件循环机制 是指浏览器或Node运行环境里解决javaScript单线程运行时不会阻塞的一种机制,也是我们经常在项目里使用异步 promise / async await 的原因。
2022-09-23 14:26:36
343
原创 封装上传组件
封装上传图片组件一、自定义或第三方的表单控件遵循以下的约定:提供受控属性 value 或其它与 valuePropName 的值同名的属性。提供 onChange 事件或 trigger 的值同名的事件。二、getDerivedStateFromProps生命周期React生命周期的命名一直都是非常语义化的,这个生命周期的意思就是从props中获取state,可以说是太简单易懂了。可以说,这个生命周期的功能实际上就是将传入的props映射到state上面。由于16.4的修改,这个函数会在每次r
2020-06-17 15:57:36
703
1
原创 Vue的自定义指令
Vue的自定义指令自定义指令的目的:需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。注册全局自定义指令<div id="app"> 自动获取焦点:<input type="text" v-auto-focus></div><script> //全局指令 Vue.directive("auto-focus", { inserted: function (el, binding) {
2020-05-17 21:12:26
198
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人