
前端
Lydia500
coding,better,higher,stronger
展开
-
前端结合 react axios 获取真实下载、上传进度
由于接口下载时,不确定文件下载时长,所以直接设置不限时由于 axios 已提供与的,所以我们直接调用就好原创 2024-03-18 14:11:21 · 1039 阅读 · 0 评论 -
Mac下安装nvm 2023最新教程,纯干货
将以下代码复制到 config.fish (代码中source 的路径请以mac中实际的路径为准)最后还是依然沿用之前的操作(新开终端或者在原终端窗口重新加载配置文件即可)打开 zsh Config 将 以下内容复制到.zshrc中。安装 bass (如果安装失败或者掉包请在终端中配置代理)上述有错误或者不完善的地方欢迎大家指出,关注我,不迷路~保存后新开终端或者在原终端窗口重新加载配置文件即可。根据上述信息得知应在 配置文件中加入以上内容。删除brew 安装的 node。安装完成后会显示一段内容。原创 2023-09-12 15:05:31 · 6876 阅读 · 0 评论 -
Vue3 setup 写法最佳实践
为什么一定要用SFC而不用 组合式API setup()?两种方式最终都能满足我们搭建组件的需求,但经过实践setup() 形式的组件往往要比SFC 形式的组件多出很多代码且不易维护,下面我会阐述出案例以证实结论原创 2023-04-27 16:06:25 · 675 阅读 · 0 评论 -
vanta.js vue3 实现超酷炫3d页面
vanta.js + tree.js +vue3 实现3d页面。使用vanta.js 搭建酷炫3d网页。原创 2023-04-23 17:54:46 · 2000 阅读 · 0 评论 -
vue3 Cli 热更新失效问题
在vue.config.js 中加入以下配置,启动端口与 webSocket端口务必保持一致!在网上查找一番后,并未找到有效的解决方法,所以我决定试一试。1.浏览器控制台报错。原创 2023-04-20 16:53:43 · 525 阅读 · 0 评论 -
Vue3滚动加载(懒加载)
滚动加载Hooks,一般用于数据量较大的列表滚动,对于大数据量渲染优化处理不仅仅只有滚动加载,还可以采用虚拟滚动,关注博主,后续带给你更多的高质量博客~原创 2023-02-08 14:43:42 · 2058 阅读 · 0 评论 -
解决Echarts多实例数据绘制展示,数值展示问题
【代码】解决Echarts多实例数据绘制展示,数值展示问题。原创 2023-02-02 10:08:49 · 373 阅读 · 0 评论 -
antd vue Ant Design Vue Upload图片上传组件 beforeUpload不能阻止上传行为
这里描述说可以直接返回false 阻止文件上传,但其实并不能阻止,经过一番尝试后。原创 2022-11-14 16:01:23 · 3193 阅读 · 0 评论 -
解决 Ant desian vue Table select 不能跨页选的问题(Vue3)
【代码】解决 Ant desian vue Table select 不能跨页选的问题。原创 2022-09-23 16:52:19 · 725 阅读 · 0 评论 -
JavaScript TypeScript 文件后缀校验
JavaScript TypeScript 文件后缀校验关注我后期给大家带来更多高质量的Code~原创 2022-06-14 11:16:20 · 663 阅读 · 0 评论 -
排序算法详解
排序算法冒泡排序: // 冒泡 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 阅读 · 0 评论 -
JavaScript-什么是原型,什么是原型链
JavaScript-什么是原型,什么是原型链在讲述原型与原型链之前,我们先补充一些JavaScript的基础概念对象:是属性和方法的集合也是类的实例类:是对象的抽象实例:就是一个类的真实对象。比如我们都是“人”,你和我都是“人”类的实例了。而实例化就是创建对象的过程,用New关键字创建。(引用于 什么是实例)创建对象的两种方式:a.字面量形式: var k = {}b. 通过new 运算符:var obj = new Object()什么是构造函数?用来构造和创建对象的函原创 2022-05-02 15:52:05 · 1124 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 498 阅读 · 2 评论 -
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 · 2395 阅读 · 0 评论 -
H5-输入法弹出时按钮被抬升的问题
本人测试过在华为、oppo、小米、vivo等部分机型下会出现输入法弹出时按钮被抬升的问题目前IOS没有遇到,只在Android机型下会稳定浮现,根据本人的思路理解,应是部分机型系统下,有检测浏览器脚本或者标签的行为Android:解决方案->.....原创 2022-03-18 09:53:10 · 4416 阅读 · 0 评论 -
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 · 3023 阅读 · 0 评论 -
记录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 · 232 阅读 · 0 评论 -
Node服务因为栈溢出停止运行怎么办?
Node服务因为栈溢出停止运行怎么办?解决方案解决方案注意‼️是以 byte 为单位,一般设置到 8192byte 也就是 8mb 即可export NODE_OPTIONS="--max-old-space-size=8192"关注我,后续精彩不断原创 2021-06-01 15:49:19 · 436 阅读 · 0 评论 -
超详细内网穿透教学,简单粗暴立马上手(使用NodeJS做后台,搭建临时服务器)工具Natapp,不看你会后悔!!!
K 超详细内网穿透教学(使用NodeJS做后台)K只是一个沉迷于技术无法自拔的小白,突然想起给自己起个代号K我在上篇博客已出了一篇对内网穿透的简介,希望大家在看此篇博客时先去看完K的上篇内网穿透的详解。再来看此篇博客会让你对内网穿透的原理更加深透。谢谢各位支持我,喜欢我的大家。Thanks!第一步注册NatappNatapp官网natapp是一个内网穿透工具,当然内网穿透工具还有很多,k...原创 2020-02-03 12:11:31 · 2670 阅读 · 0 评论 -
还不知道什么是内网穿透吗,今天我带你深刻了解
百度官方:内网穿透,即NAT穿透,网络连接时术语,计算机是局域网内时,外网与内网的计算机节点需要连接通信,有时就会出现不支持内网穿透。就是说映射端口,能让外网的电脑找到处于内网的电脑,提高下载速度。不管是内网穿透还是其他类型的网络穿透,都是网络穿透的统一方法来研究和解决。小编自己理解:其实内网穿透(又称为端口映射),也就是将本地内网端口映射到公网(又称为外网),你可能会有疑惑什么又是内网,内...原创 2019-12-09 16:34:34 · 6473 阅读 · 4 评论