Lydia500-优快云博客

原创 JavaScript This指向，你搞懂了吗，不看你会后悔

JavaScript This指向，你搞懂了吗，不看你会后悔相信有很多前端小伙伴们，对This指向依然是很迷糊，处于懵懂状态，今天我带你重新梳理一遍This指向问题～对与This，我唯一的解释就是： “谁调用，This就指向谁” 当然这个说法也不是非常正确，下面我举例说明！全局this指向Window // 例 1-> console.log(this); // window function test() { console.log(this); // window

2022-04-30 16:42:31 1101

原创前端结合 react axios 获取真实下载、上传进度

由于接口下载时，不确定文件下载时长，所以直接设置不限时由于 axios 已提供与的，所以我们直接调用就好

2024-03-18 14:11:21 1035

转载【作为软件工程师，引发的思考】

我们中的许多人热爱软件的原因是因为我们是终身学习者，在软件中，无论你朝哪个方向看，知识的广阔视野都在向各个方向延伸，并与日俱增。没有“正确”的架构，你永远无法偿还所有的技术债务，你永远无法设计出完美的界面，你的测试总是太慢。这是一个平衡的行为，有很多理由来发展你自己的，但要小心有毒的“不是这里发明的”综合症。这是我经常遇到的问题，因为我的责任让我在软件工程的日常工作中越来越远。如果您不了解给定生态系统中什么是可能的以及什么是可用的，那么您将发现不可能为除了最简单的问题之外的所有问题设计合理的解决方案。

2023-10-20 11:30:00 299

原创 Mac下安装nvm 2023最新教程，纯干货

将以下代码复制到 config.fish (代码中source 的路径请以mac中实际的路径为准)最后还是依然沿用之前的操作（新开终端或者在原终端窗口重新加载配置文件即可）打开 zsh Config 将以下内容复制到.zshrc中。安装 bass （如果安装失败或者掉包请在终端中配置代理）上述有错误或者不完善的地方欢迎大家指出，关注我，不迷路～保存后新开终端或者在原终端窗口重新加载配置文件即可。根据上述信息得知应在配置文件中加入以上内容。删除brew 安装的 node。安装完成后会显示一段内容。

2023-09-12 15:05:31 6871

原创 Vue3 setup 写法最佳实践

为什么一定要用SFC而不用组合式API setup()?两种方式最终都能满足我们搭建组件的需求，但经过实践setup() 形式的组件往往要比SFC 形式的组件多出很多代码且不易维护，下面我会阐述出案例以证实结论

2023-04-27 16:06:25 673

原创 vanta.js vue3 实现超酷炫3d页面

vanta.js + tree.js +vue3 实现3d页面。使用vanta.js 搭建酷炫3d网页。

2023-04-23 17:54:46 1996

原创 vue3 Cli 热更新失效问题

在vue.config.js 中加入以下配置，启动端口与 webSocket端口务必保持一致！在网上查找一番后，并未找到有效的解决方法，所以我决定试一试。1.浏览器控制台报错。

2023-04-20 16:53:43 522

原创 Vue3滚动加载（懒加载）

滚动加载Hooks，一般用于数据量较大的列表滚动，对于大数据量渲染优化处理不仅仅只有滚动加载，还可以采用虚拟滚动，关注博主，后续带给你更多的高质量博客～

2023-02-08 14:43:42 2056

原创解决Echarts多实例数据绘制展示，数值展示问题

【代码】解决Echarts多实例数据绘制展示，数值展示问题。

2023-02-02 10:08:49 372

原创 antd vue Ant Design Vue Upload图片上传组件 beforeUpload不能阻止上传行为

这里描述说可以直接返回false 阻止文件上传，但其实并不能阻止，经过一番尝试后。

2022-11-14 16:01:23 3190

原创解决 Ant desian vue Table select 不能跨页选的问题（Vue3）

【代码】解决 Ant desian vue Table select 不能跨页选的问题。

2022-09-23 16:52:19 724

原创 windows shell终端美化，最简单教程！

第一步安装oh-my-posh提示：最好是在外网环境下安装，直接使用网络可能会有掉包问题第二步将oh-my-posh 引入终端提示：用编辑器或文本都可~第三步将配置写入 $PROFILE此步骤完成后重启你会发现字体为乱码，因为oh-my-posh 依赖于 Nerd Fonts 字体，我们去官网选一个喜欢的字体下载安装即可第四步安装字体打开解压后的字体，点击安装安装完成后再次重启终端就可以看到你个性化的Shell了~当然还有很多可以高度个性化的设置，等待你去解锁，我也会在下方介绍几个例

2022-07-06 14:07:55 1079 1

原创 JavaScript TypeScript 文件后缀校验

JavaScript TypeScript 文件后缀校验关注我后期给大家带来更多高质量的Code~

2022-06-14 11:16:20 658

原创排序算法详解

排序算法冒泡排序： // 冒泡 var arr = [1, 78, 3, 6, 9, 2, 5, 4, 7, 8]; // 确定每一轮的比较次数，每次比较都会对比两个数大小，如果后面的数比前面的大就交换位置 // 第一轮可以确定一个最大的数，第二轮可以确定第二大的数，第三轮可以确定第三大的数，以此类推 // 轮到最后一轮，最后一轮只有一个数，不需要比较，所以比较次数为arr.length - 1 // 每一轮比较的次数为arr.length - i - 1 // 轮数为 ar

2022-05-03 17:30:12 317

原创 JavaScript-什么是原型，什么是原型链

JavaScript-什么是原型，什么是原型链在讲述原型与原型链之前，我们先补充一些JavaScript的基础概念对象：是属性和方法的集合也是类的实例类：是对象的抽象实例：就是一个类的真实对象。比如我们都是“人”，你和我都是“人”类的实例了。而实例化就是创建对象的过程，用New关键字创建。（引用于什么是实例）创建对象的两种方式：a.字面量形式： var k = {}b. 通过new 运算符：var obj = new Object()什么是构造函数？用来构造和创建对象的函

2022-05-02 15:52:05 1123

原创 Unable to get image data from canvas because the canvas has been tainted by cross-origin data.

此问题是因为用了Canvas GetImageData属性，兼容问题此问题是在 IphoneXs机型 ios12 系统下复现解决方案：1. 抛出try catch2. 将图片的地址加上时间戳，然后再设个跨域属性var img = new Image();var url = 'http:/wwww.baidu.com.jpg';img.src = url + '?' + new Date().getTime();img.setAttribute('crossOrigin', '');..

2022-04-25 15:42:36 494 2

原创 Python MacOS下永久换源，Python Pip永久换源

# MacOs 下Pip 换源->cd ~mkdir .pip cd .pip touch pip.conf vi pip.conf # 写入配置[global]index-url = http://mirrors.aliyun.com/pypi/simple/[install]trusted-host = mirrors.aliyun.com以下是自己整理的一些国内源->清华大学：https://pypi.tuna.tsinghua.edu.cn/simp

2022-04-25 15:04:25 1158

原创 react tsx组件中使用 antd From 表单，父组件传值到子组件类型定义报错

react tsx组件中使用 antd From 表单，父组件传值到子组件类型定义报错解决方案：引入antd 类型Form类型声明继承 antd类型声明中的类import { FormComponentProps } from 'antd/lib/form';interface MyProps extends FormComponentProps { text?: string;}const Son = (props: MyProps): JSX.Element => { r

2022-03-23 16:01:15 2394

原创 H5-输入法弹出时按钮被抬升的问题

本人测试过在华为、oppo、小米、vivo等部分机型下会出现输入法弹出时按钮被抬升的问题目前IOS没有遇到，只在Android机型下会稳定浮现，根据本人的思路理解，应是部分机型系统下，有检测浏览器脚本或者标签的行为Android:解决方案->.....

2022-03-18 09:53:10 4408 1

原创 error: cannot lock ref ‘refs/remotes/origin/release/xxxx‘: ‘refs/remotes/origin/release‘ 已存在，无法创建

error: cannot lock ref 'refs/remotes/origin/release/xxxx': 'refs/remotes/origin/release' 已存在，无法创建解决方案：解决方案： git update-ref -d refs/remotes/origin/release

2022-01-27 11:36:13 3020

原创记录Typescript中的不解

记录Typescript中的不解void 和 undefined 有什么区别？什么是 never 类型（一般用于函数中抛出错误与异常）？readonly 和 const 有什么区别？什么是 Abstract Class？typeof 关键词有什么用？keyof 关键词有什么用？tsconfig.json 里 --strictNullChecks 参数的作用是什么？interface 和 type 声明有什么区别？declare 关键字有什么用？void 和 undefined 有什么区别？void 表

2021-06-01 16:14:58 230

_K500的博客