
前端
峰回路要转
这个作者很懒,什么都没留下…
展开
-
JS写一个简单的节流方法
说明:浏览器中有一些事件会高频率触发,比如:resize(窗口重置)、scroll(页面滚动)、mousemove(鼠标移动)等,监听这些事件,并按浏览器的触发频率响应,极可能造成页面卡顿、抖动,甚至浏览器崩溃,对此有两种解决方案:防抖(debounce ) 和 节流(throttling )。debounce(防抖)和 throttle(节流)是一种编程技巧,用于控制某个函数在一定时间内执行多少次。对于有停顿的高频触发事件建议选择防抖,对于高频触发并且连续的事件,选择节流。原创 2023-09-01 14:14:00 · 1137 阅读 · 0 评论 -
CSS ~ > 空格 :nth-child() 等用法
css中“~”是:为所有相同的父元素中位于 p元素之后的所有 ul 元素设置背景:p~ul{ background:#ffffff;}css中“>” 例.a>.b{大于号指子代元素};是:css3特有的选择器,A>B 表示选择A元素的所有子B元素。css中.a .b{空格指后代元素}:nth-child() 规定属于其父元素的第二个子元素的每个 p 的背景色:p:nth-child(2){background:#ff0000;}完整例子将某一个class下的d原创 2021-11-09 11:22:19 · 209 阅读 · 0 评论 -
正则表达式,限制每5位数字,用逗号分隔
checkNumber (number) { if (number === '') { return true } let reg = new RegExp('^(\\d{5})+(,\\d{5})*$') let isFormatRight = reg.test(number) if (!isFormatRight) { return false } return true }拷贝此代码去你的公用方法类就OK了,代..原创 2020-05-27 14:54:12 · 3315 阅读 · 0 评论 -
vue 提交form表单的时候,需要点击2次,画面会自动刷新
搞了一个多小时的个坑,在登录画面提交表单的时候,必须加上 e.preventDefault()要不然事件会被系统拦截到。查了文档,给出如下作用:说明e.preventDefault(),该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 “submit”,在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认原创 2020-05-27 14:40:23 · 1220 阅读 · 0 评论 -
vue input 赋值报错 getFieldDecorator v-decorator
对input框赋值的时候,报如下错误warning.js?4eb8:34 Warning: You cannot set a form field before rendering a field associated with the value. You can use getFieldDecorator(id, options) instead v-decorator="[id, options]" to register it before render.查了一半天,感觉意思是组件还没来得及创建原创 2020-05-25 15:14:29 · 10098 阅读 · 2 评论 -
vue 字符串中包含特殊字符
例如:禁止文字:;/|,*?"><は使用这个放入代码中加引号会报错。在报错的地方加上反斜杠来转译一下。例子中的解决方法: 禁止文字:;/\|,*?"><は使用原创 2020-05-19 12:36:19 · 10046 阅读 · 1 评论 -
vue 代码快速了解
刚开始学习Vue,有人会疑惑,这都是啥意思,一会用:,一会用@符号,一会又没符号,没关系,下面我拿一个拖动的子组件代码,一起来分析分析。<draggable group="people" animation="150" ghostClass="sortable-ghost" chosenClass="chosenClass" scroll="true" s...原创 2020-04-22 10:17:45 · 312 阅读 · 0 评论 -
vue子组件调用父组件方法 回调
子组件调用父组件方法,父组件执行完后,进行回调,代码如下: 子组件 this.$emit('change', this.dataList, (loading) => { this.loading = loading })父组件 @change="onChange"......................................原创 2020-04-21 14:15:47 · 2395 阅读 · 0 评论 -
npm install报错 vue-awesome-swiper
试试这个命令吧!npm i vue-awesome-swiper -S原创 2020-03-09 15:36:21 · 2355 阅读 · 0 评论