1 白店小二

尚未进行身份认证

我要认证

祖国半凋零的花朵,IT界的未来,现在的弟弟,哈哈。

等级
TA的排名 25w+

白店小二:函数的防抖与节流

举一个栗子:比如 今天 会有很多朋友来家里,每个朋友到门口,管家就按一下门铃,正常情况下,每听到一次门铃,我们就去开一次门,若是间隔时间较长,我们不会感觉到疲惫,若突然一小段时间,一个一个来了跟多朋友,这样我们就要在短时间内去多次开门,就会导致我们会非常累。这个例子就解释了,为什么我们要去做函数的防抖与节流,在上例中每按一次门铃就好比用户做一次操作,当用户在一段时间内连续的操作,就会导致我们(服务器)的压力过大,资源消耗严重。函数防抖:设置一个时间段,当上一次按下门铃的时间减去下一次按下门铃的时间大于设

2020-10-13 20:58:17

白店小二——Vue的对象语法

vue的对象语法,v-on会遍历绑定Object这个对象里的所有方法。

2020-09-25 20:54:47

白店小二的面试总结——闭包

闭包是指有权访问另一个函数作用域中的变量的函数,并且在闭包内部形成一个外部无法访问的局部作用域。创建闭包的常见方式是在一个函数内部创建另一个函数。通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域,将函数内部的变量和方法传递到外部。闭包是一种机制函数要访问一个变量的时候,就会先从自己的作用域开始,逐步向外层函数的作用域寻找那个变量的值。简而言之就是外层函数不能访问内层,内层能访问外层。优点加强封装性,可以达到对变量的保护作用。缺点由于闭包内部变量优先级高于外部变量,所以多查找作

2020-08-06 09:43:48

白店小二:你不知道的CSS小知识——CSS里的函数

我想让一个div盒子的宽度 = 100%宽度 - 100PX ;如果这样写CSS得到的结果一定是错误的,div的宽度也不会像这样改变。可能有人说用CSS的扩展呀,Less、Sass都可以做到。确实,使用这些扩展语言,可以做到在CSS里进行数据运算,但我要说的却是不使用这些扩展语言同样能做到的一种方法。.testCalc { background-color: #0ff000; width: calc(100% - 50px);}看上面的CSS代码里,我使用到了函数calc();在这里可以对

2020-09-15 09:34:26

白店小二转载——Vue实现复制内容到剪贴板

原文:https://www.jianshu.com/p/2f2d0f0c67bb安装npm install --save vue-clipboard2引入(我一般在main.js引入,如果仅仅是某一小模块用到,在对应的component引入即可)import Vue from 'vue'import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)使用// jslet message = '拷贝的文本';

2020-09-09 17:13:19

白店小二:接口301、302了怎么办?

前后台交互,是目前主流的一种开发方式。在接口联调的过程中,难免会出现各种各样的问题。调接口出现问题的时候,首先去查看接口请求头信息,确定咱们前端请求信息没问题.接口Status Code报302Found了怎么办呢?再去查Response Headers里的信息有没有问题,接口重定向时,响应头会返回location,它的值表示重定向的URL地址,保证这个URL与想要的地址一致。...

2020-09-04 15:46:05

白店小二:上拉加载时的判断

(e.target.scrollHeight - (e.target.scrollTop + e.target.offsetHeight)) < 10当滚动条距离文档下方小于10时,让其执行滚动。这个判断可能有问题,因为是我写的,若是有不对的地方,希望大家指出哈。

2020-09-04 10:53:43

白店小二:使用Vue开发项目时遇到的坑

<div class="test">{{test}}</div> data () { return { test: '', count: 0 } }, components: {}, mounted () { this.count = 2; this.getData(); this.count = 1; }, methods: { getData () { this.test

2020-09-04 09:20:38

白店小二:管理项目时的错误——Uncaught ReferenceError: Vant is not defined

场景对项目新增加了一个UI框架Vant,按照官方文档进行安装和配置,官方文档推荐按需加载,于是我就做了按需加载的配置。babel.config.jsmodule.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true .

2020-09-02 13:34:49

白店小二:判断一个数是否是整数

ES6新增的方法。let newNum = 101;let oldNum = 10.1;Number.isInteger(newNum); // true Number.isInteger(oldNum); // false

2020-08-31 18:18:02

白店小二:decodeURIComponent对URL地址进行解码

对URL地址进行解码var test="http%3A%2F%2Fwww.w3school.com.cn%2FMy%20first%2F"document.write(decodeURIComponent(test1)); // http://www.w3school.com.cn/My first/

2020-08-31 10:26:57

白店小二——生成数组的所有子集

在一些特殊情况下我们会想要得到某一个数组的所有子集,但是原生js里没有对应的方法,这就需要自己去进行处理了,如下面的函数就会返回一个数组的所有子集。allSubSets (arr) { let res = [[]] for (let i = 0; i < arr.length; i++) { const tempRes = res.map(subset => { const one = subset.concat([]); one.p

2020-08-31 10:11:01

白店小二判断数组是否相等

判断两个数组是否相等若直接判断两个数组是否相等是无法判断的,需要将数组转化为字符串,再判断字符串是否相等,若数组的元素顺序不同,则还应先对数组进行排序,再转为字符串判断。let arr = [3,2,1];let oldArr = [1,2,3];arr.sort().toString() == oldArr.sort().toString()...

2020-08-31 10:04:19

白店小二:关于Element UI的特殊使用

Element UI是目前最流行的桌面组件库之一,也是我使用的最多的一个web端的组件库,但是由于昨天帮助我朋友完成一项任务的时候,我发现我对于使用组件还是可以使用的,可还有些相对较深的问题解决起来还是需要查看文档才能解决,然后我就想把一些我认为比较需要牢记的一些问题的解决办法给写下来,让自己加深记忆。1、表格——对行的数据进行处理前端开发过程中,会遇到后台接口传参的字段结果是0/1,然后再让前端处理判断为是或者否;还有一种情况是要通过这些字段判断某个按钮是否要显示,这个时候就需要用到Element 中

2020-08-31 09:52:45

白店小二:关于fiddler4的使用

fiddler是个抓包工具。抓取本机的一些包很容易,基本无需配置,对手机包的抓取是难点。使用fiddler抓取手机数据包百度搜索下载fiddler工具,进行安装。安装好之后,进行对手机的配置。1、打开WiFi。2、对目前连接的WiFi进行代理配置。将代理设为手动,将主机名称设为本机IP地址,端口号设为目前项目占用的端口号。 3、对项目进行配置,将项目的host地址设为本机IP地址。4、再将启动后的项目地址,如‘http://本机IP:8080/#/navigate’,使用二维码生成工具制作成

2020-08-29 17:24:56

白店小二发布到测试环境

测试环境发布1、将写完的代码提交到Git2、 npm run build:test3、压缩dist文件夹4、

2020-08-29 16:54:17

白店小二手搓井字棋

井字棋难度在于判断胜利条件,说起来容易三子连一线,就算获胜,但是实施起来很困难。我这里使用了一个较为取巧的办法:我将所有可能获胜的方式归总起来,存在一个数组里,再把下棋双方所下的每一步棋子都放置在一个数组中,然后对元素大于3的存棋数组进行子数组遍历,取出其中长度为3的子数组与获胜数组进行比较,若子数组在获胜数组里有出现,则判断胜利。效果图代码 <div id="button"> <div class="drag-test"> <div class="

2020-08-28 16:13:20

白店小二:关于深拷贝与浅拷贝及实现方法

深拷贝与浅拷贝的区别就在于,修改原值时,拷贝的值是否会发生改变,改变了就是浅拷贝,不改变就是深拷贝。浅拷贝(shallowCopy)只是增加了一个指针指向已存在的内存地址。深拷贝(deepCopy)是增加了一个指针并且申请了一个新的内存,使这个增加的指针指向这个新的内存。深拷贝就像A的房子里有一样东西,B就去买了房子,也放进去了同样的东西,所以当A在房子里拿走或放入东西时,B的房子不会发生变化。浅拷贝就像A的房子里有一样东西,A把房子的地址告诉了B,所以当A在房子里拿走或放入东西时,B一去看也知道这

2020-08-28 10:50:19

白店小二的js知识——基础

数据类型值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。引用数据类型:对象(Object)、数组(Array)、函数(Function)。注:Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。小知识基本数据类型存储在栈内存中,引用数据类型存储在堆内存中。null是基本数据类型,typeof出的却是Object,且null存储在栈内存中。定义变量3种定义方法:va

2020-08-28 10:07:42

白店小二的Vue知识

阻止事件冒泡在click后添加stop可以阻止事件冒泡。<div @click="father"> <div @click.stop="son"></div></div>

2020-08-21 16:51:29

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。