JavaScript
文章平均质量分 51
羽冰_
前端小彩笔
展开
-
NodeJs EventLoop与JavaScript EventLoop详解
EventLoop是什么EventLoop是一个代码执行模型,它规定了代码的执行顺序,nodeJs和JavaScript拥有各自的EventLoop,理解EventLoop能让我们更加理解代码的执行,更好地掌控代码宏任务和微任务 JavaScript中的代码执行分为同步执行和异步执行,而异步执行的代码中又分为宏任务和微任务,它们的执行顺序有所不同。它们并没有什么概念性的差别,只是根据执行顺序的不同而进行区分,仅此而已。因此,只需要硬性的记住哪些是宏任务哪些是微任务就可以了。宏任务(macrota原创 2021-01-28 16:48:11 · 347 阅读 · 0 评论 -
简单易懂地测试localStorage的已使用容量和最大容量
获取使用容量思路:window.localStorage是一个对象,可以通过获取对象中存储的各个条目的length的总和来进行计算,公式:((length的总和)/ 1024).toFixed(2),如此计算出来的就是已经使用了多少KB的容量if(!window.localStorage){ console.log("浏览器不支持localStorage"); return;}var size=0;var storage = window.localStorage;for(var原创 2021-01-21 21:00:42 · 3217 阅读 · 0 评论 -
10分钟清楚地知道防抖和节流以及它们的区别
防抖:触发高频事件后n秒内事件处理函数只会执行一次,如果n秒内事件再次被触发,则重新倒计时。最典型的一个例子就是电梯关门,假设电梯开门后20秒后关门,如果在关门的时候再次触发了开门事件,则电梯会重新从20秒开始倒计时关门时间。应用:比如鼠标滚轮事件,每次鼠标滚动都会触发一次事件,但是只有鼠标滚轮停下后n秒后才会真正触发最后的事件处理// 防抖实现function debounce(func){ let t = null; return function(){ // 每一原创 2021-01-21 20:57:43 · 273 阅读 · 0 评论 -
5分钟清楚地知道闭包是什么
前置知识:每个变量在定义的时候都拥有一个作用域,该变量只能在作用域内被调用,作用域外无法跨作用域调用每个变量都有生命周期,即从创建到销毁,一般变量的生命周期都与函数的执行同步。函数生命周期结束时会被内存回收机制进行清理概念:一个函数执行完毕返回另一个未执行(或者说待执行)的函数,且返回的函数又引用了上一层(或之前几层)函数中的局部变量时,会导致引用的变量虽然生命周期已经结束,但由于它依旧被引用着而无法被内存回收机制所回收,这种现象就叫做闭包例子function aaa () { // 这里定原创 2021-01-21 20:55:27 · 176 阅读 · 0 评论 -
cookie、sessionStorage和localStorage的区别
cookie、sessionStorage和localStorage的区别cookie:本意为小甜点、甜甜圈,其在前端中主要用于存储数据,存储大小为4K,会随着前端发送ajax请求而自动发往后端。其存储的时间可以自主进行设定,如果不设定就会在关闭浏览器的时候随之销毁。因为是挺久之前就开始使用的东西,因此它的兼容性相当的好,从低版本浏览器到高版本浏览器都能兼容。但是它的原生js方法使用起来有点啰嗦麻烦,如果有条件的可以进行二次封装再使用会比较好。sessionStorage:直译为会话存储,也是用于存储信原创 2021-01-20 09:14:47 · 181 阅读 · 1 评论 -
简单易懂而详细的讲解websocket及其简单应用
浅显而详细的讲解websocket及其简单应用目录1.什么是webSocket2.webSocket通信和http通信对比3.websocket相较于Http的优点4.何时需要webSocket5.如何建立websocket通信6.自制websocket模块简介7.webSocket的一些简单应用1. 什么是webSocket websocket是一种新的协议,它是为了在浏览器和服务器之间建立一个不受限制的双向通信通道而诞生的。不同于http的短链接应答机制和被动应答特征,原创 2020-12-10 21:35:27 · 952 阅读 · 0 评论