![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 75
JavaScript
桃小瑞
小瑞学前端。@ 桃小瑞
展开
-
Vue 2 中实现 CustomRef 方式防抖/节流
在前端的开发过程中,在涉及到与用户交互的过程中是基本上都是需要处理的,常规操作就是在对应位置加上防抖或者节流。加上防抖或者节流的作用:一是为了防止用户频繁操作;二是为了节约一定的服务器资源,减少资源浪费的情况。以上就是Vue 2 中的实现 CustomRef 方式防抖/节流这篇文章的全部内容。受Vue 3 中的极致防抖/节流(含常见方式防抖/节流)中利用customRef的启发。希望本篇文章对朋友你在使用vue 2的过程中有所帮助。若篇中有不足之处或你有不一样的想法或见解,欢迎在评论区留言 + 关注。原创 2023-02-06 22:02:36 · 943 阅读 · 0 评论 -
Vue 3 中的极致防抖/节流(含常见方式防抖/节流)
今天给大家带来的是《Vue 3 中的极致防抖/节流(含常见方式防抖/节流)》这篇文章,文章中不仅会讲述原来使用的防抖或节流方式,还会带来新的一种封装方式,使用起来更简单、更清晰。原创 2023-02-04 15:17:43 · 9713 阅读 · 0 评论 -
前端开发服务器中的 Proxy 代理跨域实现原理解读
在前端的开发过程中,尤其是在浏览器环境下,跨域是个绕不开的话题,相信每个前端都会涉及到这个问题,记住的就直接手敲解决跨域问题,记不住的就只能问度娘了。😂😂原创 2023-02-01 23:24:35 · 4830 阅读 · 7 评论 -
别在让你的 await Streaking 了
我们现在在请求接口的过程中,已经习惯了async/await的写法,已经逐渐的代替了promise。。。原创 2022-12-16 10:21:28 · 88 阅读 · 0 评论 -
前端实现登录拼图验证
不知各位朋友现在在web端进行登录的时候有没有注意一个变化,以前登录的时候是直接账号密码通过就可以了,而现在我们需要通过拼图的验证才能成功登录原创 2022-12-11 17:25:10 · 1682 阅读 · 0 评论 -
问:前端中的原型链(Prototype Chain)是何物?
原型及原型链、继承是我们在进一步掌握 Javascript 的过程中必不可少的一步,掌握后我们将能够进一步的提升自己。原创 2022-12-09 17:42:52 · 500 阅读 · 0 评论 -
实现一款简单的JavaScript打包器
实现一个简单的JavaScript打包器原创 2022-12-09 13:53:29 · 863 阅读 · 0 评论 -
javaScript高阶函数-reduce
可能部分同学很少在项目中使用到reduce,使用过的朋友感觉到它是非常的方便。一问reduce可以干什么?有哪些好用便捷之处?下面我们将详细解释并举例使用,相信看完本篇文章后你会有更深和对其有一定的了解。reduce是es6中新增的一个方法,普遍用于求和使用,但你知道吗,它不只是可以用于求和,还有其他的使用方法和技巧。让我们一起看看它还有哪些奥妙之处。let’s go以上内容就是javaScript中reduce。原创 2022-12-01 11:32:11 · 182 阅读 · 0 评论 -
javaScript中的事件循环(event Loop)
js 中的事件循环(event loop)是什么?是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。查看任务队列中是否存在任务,存在则送到执行栈中执行,反复循环查看并执行,这个过程称之为事件循环(event loop)。原创 2022-11-29 17:33:13 · 315 阅读 · 1 评论 -
Promise链式调用原理-精简20行代码
在面试的过程中,总有一些面试官会问你,手写一个简易版的Promise得行不,得行的话就写一个出来看看,啪一哈,就把纸和笔给了你。我们思索半天就写出来了个下面这个。哦豁,高薪张开了它的翅膀,远离了我们。all () {}...}本篇文章将不讲述手写出来一个简易的Promise,感兴趣的朋友可以去看我这篇文章 ->Promise详解-手写Promise,实现一款自己的简易Promise本篇文章记录的是如何实现Promise的核心功能之一的.then 链式调用,采用构造函数。原创 2022-11-23 17:06:23 · 476 阅读 · 0 评论 -
Promise详解-手写Promise,实现一款自己的简易Promise
Promise 是异步编程的一种解决方案:从语法上讲,promise是一个对象,从它可以获取异步操作的消息;从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。promise有三种状态: pending(等待态),fulfiled(成功态),rejected(失败态) ;状态一旦改变,就不会再变。创造promise实例后,它会立即执行。//Promise/A+规定的三种状态const Padding = 'Padding' //等待const Fulfilled = 'Fulfilled' //成功原创 2022-06-23 08:28:33 · 427 阅读 · 0 评论 -
日常面试题
马上毕业季就到了,又到了找工作的季节,分享一些前端的面试题(附答案的那种)。内容可能有点长。1、vue双向绑定的原理这里只说Vue2,V3使用的是proxy代理,这里先不做描述。Vue使用的是Object.defineProperty。这里只做简单的原理说明。//HTML部分 <input type="text" v-mode="msg" /> <p v-mode="msg"></p>//Js部分 const data = { msg: 'hello' }原创 2022-05-12 22:50:38 · 105 阅读 · 0 评论 -
详解JavaScript的String(二)
本篇衔接"详解JavaScript的String "这篇文章一、字符串检测1、indexOf()方法从字符串开头开始查找子字符串,如果包含则返回下标,反之则返回 -1 let string = "hello world"; console.log(string.indexOf("o")); // 4 console.log(string.indexOf("B")); // -12、lastIndexOf()方法从字符串末尾开始查找子字符串,如果包含则返回下标,反之则原创 2022-03-13 17:12:43 · 829 阅读 · 0 评论 -
详解JavaScript的String
String是对应字符串的引用类型。由16位码元(code unit)组成。对多数字符来说,每16位码元对应一个字符。可以通过new构造函数创建,也可以通过字面量的方式创建。 let string = new String("hello")//new 创建 let test = "hello"//字面量创建一、length属性字符串中字符的数量(长度)。 let string = "hello world"; console.log(string.length); //11二、cha原创 2022-03-13 16:12:47 · 887 阅读 · 0 评论 -
详解JavaScript的Math
Math对象作为保存数学公式、信息和计算的地方。Math对象提供了一些辅助计算的属性和方法,在我们日常使用都是Math.ceil()、Math.round()等较多,本章节将对Math对象进行系列的详解原创 2022-03-13 15:01:21 · 1178 阅读 · 0 评论 -
JavaScript的数据类型
简述JavaScript的几种数据类型原创 2022-03-10 23:05:51 · 397 阅读 · 0 评论 -
var、let、const的区别
话不多说,直接上干活,我们先来说说一直存在并使用的 var,虽然现在有let和const了,但还是有很多人在使用它一、 var使用var声明的变量它并不属于一个块作用域的变量,它属于函数域变量 function test() { console.log(age); var age = 26; } test(); // undefined //没报错是因为上面的被浏览器运行时看做等价于下面的代码 // function tes原创 2022-03-10 13:55:08 · 656 阅读 · 0 评论 -
input限制小数位数
input限制小数位数监听input变化,设置一个变量来判断是否出现了小数点,如果没出现那就随便输入,如果出现了,那么判断是否出现小数点的变量就是true,input是有字数限制的,最后绑定input的字数限制。效果https://share.weiyun.com/vzTEG4FU实现效果的其他方式:https://www.cnblogs.com/lianxisheng/p/10324690.html...原创 2021-08-09 21:22:46 · 722 阅读 · 0 评论 -
js随机生成32位随机数
<html><head><title></title><METAhttp-equiv="Content-Type"content="text/html;charset=UTF-8"/><scripttype="text/javascript">functiongetNum(){varchars=['0','1','2','3','4','5','6','7','8','9','A','B','C','D',...原创 2021-08-20 21:16:07 · 2152 阅读 · 0 评论