不爱编程的小方-CSDN博客

原创 JavaScript中的事件循环机制

如果有三个按钮，其回调函数里面处理的代码量用的时间各不相同，用户依次快速的点击三个按钮，此时用户希望的是，先点击的先执行，后点击的后执行，可是由于是Js多线程的，每一个回调函数都会被注册成一个线程，这时，肯定是用时少的先执行。这就造成了一个很大的问题，用户体验很不好可能有人会问，定时器里的代码为什没有按照顺序执行呢？答：JavaScript采用了一种排队机制，将异步代码放入了消息队列中，待同步代码执行完后，如果消息队列中存在异步代码需要执行，就会唤醒Js主线程去执行这些异步代码。

2024-06-11 11:53:52 1948 1

原创 JavaScript中的5种继承方式

注意super的指向，分别指向三个不同的对象。

2024-06-11 11:19:56 222 1

原创单点登录的三种模式

单点登录存在的意义在于，比如公司里有多个系统，我只想登录一次，便可以在访问多个系统单点登录有很多模式，目前已知三种模式1、cookie + session模式2、token模式3、token + refresh_token模式。

2023-12-30 16:56:57 612

原创 FLIP动画做拖拽排序效果

index.html文件。index.css文件。index.js文件。

2023-10-09 22:07:18 475

原创工作实战：Vue封装右键菜单组件

解决问题是，在点击色块区域的时候，显示不同的右键菜单。同时，希望右键菜单的高度，以动画的形式，慢慢变高。

2023-04-15 18:32:38 496

原创工作实战：Vue关于ElementUI二次封装的问题

解决方法：用批量属性传值的方法，学过react的都知道，类似于{…props}批量传值。有的属性可能需要二次处理，可以使用props接收，props过来的属性，不会出现在$attrs里了。你可以单独处理后再放回elementui的原生组件里了。

2023-04-07 00:25:35 1511

原创 React中的Hook

Hook只能在函数组件中调用。

2022-09-11 18:19:16 585

原创 offset，client，scroll

offset client scroll

2022-09-09 23:50:32 117

原创 Redux

redux的笔记

2021-10-24 17:29:40 190

原创过渡&2D变换&动画

过渡/*默认值：*/transition-delay: 0stransition-duration: 0stransition-property: alltransition-timing-function: ease/*简写，推荐书写顺序如下*/ transition:transition-duration transition-property transition-timing-function transition-delay transition-duration属性:以秒或

2021-04-11 14:28:43 145

原创 Promise的学习总结

回调地狱的产生无法保证顺序的代码：var fs = require('fs')fs.readFile('./data/a.txt', 'utf8', function (err, data) { if (err) { // return console.log('读取失败') // 抛出异常 // 1. 阻止程序的执行 // 2. 把错误消息打印到控制台 throw err } console.log(data)})fs.re

2020-09-15 10:39:15 246 1

原创闭包

闭包（closure）1.如何产生闭包？当一个嵌套的内部（子）函数引用了嵌套的外部（父）函数的变量（函数），内部函数被定义时（即外部函数被执行时），就产生了闭包。外部函数执行几次就产生了几个闭包2.闭包到底是什么？ * 使用chrome查看 * 理解一：闭包是嵌套的内部函数（绝大多数人） * 理解二：包含被引用变量（函数）的对象（极少数人） * 注意：闭包存在于嵌套的内部函数中 3.产生闭包的条件？函数嵌套内部函数引用了外部函数的数据（变量/函数）如下代码

2020-08-17 11:12:51 248

原创 ES6的必备知识

let和const的使用let和var的区别？let声明的变量只在当前（块级）作用域内有效let声明的变量不能被重复声明（包括普通变量和函数参数）不存在变量提升（注意考虑暂时性死区）不能当成window的属性（用var声明的全局变量是window的属性）1、只在块级作用域内有效{ let a = 10;//局部变量}console.log(a);//访问报错2、不能被重复声明let a = 10;let a = 20; //报错3 、不存在变量提升console.

2020-07-30 21:34:01 338

原创数组排序

这里先介绍两种常见的，后续会补充冒泡排序function bubbleSort(arr) { //外层控制轮数，轮数是元素的个数减1 for (var i = 0; i < arr.length - 1; i++) { //内层控制每轮比较的次数，随着轮数每增加1轮，次数减少1 for (var j = 0; j < arr.length - 1 - i; j++) { if (arr[j] > arr[j + 1

2020-07-23 10:23:53 131

原创数组去重的方法

第一种function norepeat(arr) { for (var i = 0; i < arr.length - 1; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i] == arr[j]) { arr.splice(j, 1);//删除一个元素之后，原数组发生改变，后边的元素会往前进一步，但是j是正常累加 j--

2020-07-22 21:10:36 193

原创字符串的常用方法

字符串的基本操作var str = "abcde";console.log(str[0]); //获取对应索引的字符console.log(str.length); //获取字符串的长度for (var i = 0; i < str.length; i++) { //遍历字符串 console.log(str[i]);}charAt(index)取到index这个索引对应的字符var str = "abcd";var s = str.charAt(1);console.l

2020-07-22 14:48:37 411

原创 JS数组的方法

1、concat合并数组，可以合并一个或者多个数组，会返回合并数组之后的数据，不会改变原来的数组var str1 = [12, 2, "hello"];var str2 = ["world"];console.log(str1.concat(str2)); //[12,2,"hello","world"]console.log(str1); //[12,2,"hello"]2、join将数组转为字符串并返回转化的字符串数据，不会改变原来的数组注意：()中用双引号包括自己想用的分隔符，默认为逗号

2020-07-18 15:13:57 350

原创图片水平垂直居中

图片水平垂直居中（内联元素 = 伪文本）1、水平居中：给父元素加text-align:center2、垂直居中：在图片img前或后加一个span，给span添加声明height:100%;display:inline-block;使span以中线对齐，添加声明vertical-align:middle使img以中线对齐，添加声明vertical-align:middle...

2020-07-08 10:23:11 259

原创 CSS垂直水平居中

1、position:absolute;left:50%;top:50%;margin-left:-(width/2)px;margin-top:-(height/2)px;2、position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;3、position:absolute;left:50%;top:50%;tranform:translate(-50%,-50%);4、position:absolute;left:50%;top:50%;

2020-07-08 09:14:03 127

qq_38053677的博客