不爱编程的小方-优快云博客

原创文件下载和图片预览 Blob FileReader

优点：使用简单，其余的不知道了</

2024-12-10 20:08:47 1111

原创 Vuex的基本使用

vuex是一个状态管理工具，可以用于组件通信安装vuex在src下创建一个目录store，store下创建一个文件index.js，其代码如下之后，在main.js文件中，写上如下代码，我们就可以在别的组件里使用这个vuex了。

2024-12-03 19:54:18 525 1

原创 Vue2路由导航守卫

to：到达的路由对象from：即将离开的路由对象next：如果可以就释放，否则就跳到/login路由。

2024-11-27 09:32:29 341 1

这个异步抛异常的问题是没法解决的，官方的实现也存在这个问题，异步抛异常是无法改变promise状态（没有执行changeState方法）图解：在调用then方法的时候，记录当前的参数，等setTimeout时间一到，就去执行#run方法。返回的是一个新的promise对象（以前面试有被问道，我回答错了）注意：状态一旦确定，就不能再改变的promise的状态。但是这种处理方式，对于异步的报错，没有办法。此时实现的MyPromise的代码如下。第四步：then的链式调用（比较复杂）第二步：考虑异常情况。

2024-11-16 02:17:14 498 1

原创 JavaScript中的5种继承方式

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

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

原创单点登录的三种模式

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

2023-12-30 16:56:57 831

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

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

2023-10-09 22:07:18 560

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

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

2023-04-15 18:32:38 536

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

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

2023-04-07 00:25:35 1566

原创 React中的Hook

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

2022-09-11 18:19:16 620

原创 offset，client，scroll

offset client scroll

2022-09-09 23:50:32 126

原创 Redux

redux的笔记

2021-10-24 17:29:40 199

原创过渡&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 154

原创 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 254 1

原创闭包

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

2020-08-17 11:12:51 264

原创 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 352

原创数组排序

这里先介绍两种常见的，后续会补充冒泡排序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 137

原创数组去重的方法

第一种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 208

原创字符串的常用方法

字符串的基本操作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 439

原创 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 366

原创 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 137

qq_38053677的博客