网站界面用什么软件做,长沙网站建设,建立自己的网站平台的好处,wordpress获取自定义文章列表端午节三天假期#xff0c;的最后一天#xff0c;我和朋友闲来无事#xff0c;想着去唱会儿歌吧#xff0c;好久不唱了#xff0c;于是吃了午饭#xff0c;石景山就近找了一家KTV#xff0c;我们团好了卷就过去了。
装修还算不错#xff0c;很快找到服务生#xff0c…端午节三天假期的最后一天我和朋友闲来无事想着去唱会儿歌吧好久不唱了于是吃了午饭石景山就近找了一家KTV我们团好了卷就过去了。
装修还算不错很快找到服务生我们进了屋子选好了果盘一切就绪后我们就开始欢唱。他点了一首《小星星》我点了一首《123木头人》。当我们唱完这两首歌后服务生进来了端着果盘和饮料并说有事情随时叫我们墙上有门铃一按我们就会过来的。我说好的。
防抖举例
当他快要离开房间的时候我看他衣兜里好像装着一个东西像是一本书。我说小哥挺爱学习呀上班还看书。他嘿嘿一乐漏出了非常洁白的牙齿那牙齿令人羡慕。他这个时候从衣兜里拿出那本书不好意思的说这个行业部景气我想着学一学找工作呢。我一看是一本《Vue书籍》很火爆的一本书。
我问看多久了他说有一段时间了我之前看了HTML、CSS、Javascript相关书籍还利用业余时间做了几个项目觉得挺不错的自己毕业后一直想着干开发但刚开始觉得这个更有前途于是选择了干这个。但这段时间不太景气很多KTV都关门了于是想干一段时间前端开发试试。我说不错。 我说我也是一名前端开发我们算是同行了。来你说说你学到哪里了我们一起学习。 他说我学到防抖了。 我说哦来你说说什么是防抖 他随口来了一段防抖就像坐电梯当有人10秒进来了后按了一下向上的电梯他就会停止工作要等到10秒后没人进来他才会关门往上走。如果这10秒又有人进来他就又要等10秒。 我说你还知道其他例子吗 他说不知道了。 我说你这样去面试不行啊。 他说为什么呢 我说你这个例子是从网上看到的吧。 他说是。 我说因为这个例子都被大家知道了你不能再用坐电梯为例子去描述防抖了大家都知道的你就没有自己的理解你得说一些日常项目开发中的现实一些的例子这样才更有说服力。 他说那我说啥呢 我说你就说你做过的KTV调度系统。当客户在房间内按门铃如果多次频繁的按服务端只响应一次以最后一次为准。防止用户手抖多次的按服务端一直报警的响应。当用户按的不是那么频繁间隔3秒以上再按就会他按几次服务端那边响应几次。这个例子你再结合你日常的工作内容一点不会有人跟你说的一样的这样一来面试官就会觉得你是真的有项目经验。 他说真棒那帮我看看代码吧。 我问你这里还有电脑 他说你等着。 高效实现
过了一小会儿他端着电脑进来了。说你帮我看看代码。我一看哦这是一个Vue项目而且用到了防抖是一个很普通的输入框频繁输入的示例。我说你写的不错啊。他挠了挠头说从网上找的代码挺好用的。我说我给你说个高效实现防抖的方案。
你面试的时候说了刚才那段话然后面试官很可能会让你手写防抖的代码。这些你都练熟了然后再给面试官展现一下你的高效实现的方案让面试官眼前一亮。他说他真的能眼前一亮我说真的。然后我让他打开了一个Vue的项目随便新建了一个Vue组件。我说你按我如下步骤去操作。他说好的。
安装js-tool-big-box工具库
这是一个高效、实用、便捷、全面的JS工具库。 npn install js-tool-big-box 然后引入eventBox对象
import { eventBox } from js-tool-big-box;高效实现防抖代码
templatedivinput keyuphandleChange v-modelinputVal //div
/templatescript
import { eventBox } from js-tool-big-box;export default {name: dj,data () {return {inputVal: }},created() {this.myDebounce eventBox.debounce((data) {this.sendAjax(data);}, 2000);},methods: {handleChange(event) {const val event.target.value;this.myDebounce(val);},sendAjax(data) {console.log(发送时间, new Date().getTime());console.log(发送请求, data);},}
}
/script效果展示
我说你输入12223333然后输入1以后间隔2秒钟输入最后一个2的时候间隔2秒钟输入最后一个3的时候间隔2秒钟。然后清空再特别快的把这些数字都输入进去。看看效果。
然后他告诉我说如果我把数字都输入进去打印了 12223333。如果像第一次那样输入会打印3次分别是1 1222 和 12223333。的确是达到了防抖的效果真是太好用了。
最后
最后一顿操作之后我和朋友发现团了3个小时的券现在就只有半个小时了。服务生说哥没事我再送你5个小时的让你唱歌够。另外再送你10个果盘让你吃个够。我说要不给我换个大包吧。他说今天客户多我去看看。过了一会儿他回来了说正好有个大包哥你们去这边吧。我说好的。
老板的需求
我和朋友正在欢唱刚唱完那首《来来来再喝一杯》的时候KTV老板来了他说我们想要一个抽奖功能就是录入一些人然后随机抽出来一些幸运用户然后我们会给这些幸运用户发一些小礼品。听小张说你的那个js-tool-big-box挺好用的这里面有没有这个功能啊。我说有的然后我拿着小张的电脑演示了一遍
import { dataBox } from js-tool-big-box;data () {return {peopleData: 张三0, 张三1, 张三2, 张三3, 张三4, 张三5, 张三6, 张三7, 张三8, 张三9, 张三10, 张三11, 张三12, 张三13, 张三14, 张三15, 张三16, 张三17, 张三18, 张三19, 张三20, 张三21, 张三22, 张三23, 张三24, 张三25, 张三26, 张三27, 张三27, 张三29, 张三30, 张三31, 张三32, 张三33, 张三34, 张三35, 张三36, 张三37, 张三38, 张三39, 张三40,luckPeople: [],}},this.luckPeople dataBox.luck(this.peopleData, 3);我问老板是这样的功能吗如果你要的话需要把界面优化优化。老板说好的非常好正是我需要的功能。稍后给你30000块钱你帮我做这样一个页面吧。我说好的。
然后我们唱完了就出去了走出去3公里了老板开着他的奔驰追上我说夏天热了给你一瓶冰镇饮料吧你的JS工具库挺好用的。我说好的我会继续努力的。
