- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React项目，结合 Antd 的Upload上传组件实现上传前校验
最近工作中，遇到这样一个需求：在登录首页，开发一个上传文件的功能，用户可以在该页面点击该区域上传文件，但是点击前需要做一些判断，若用户未登录，则直接弹出登录弹框；否则，弹出上传文件选择框。
2024-05-27 08:00:00
307
原创 window.postMessage 详细讲解
由于浏览器同源策略的限制，通常情况下，两个不同的页面，需要同时满足协议、端口、主机三者相同，才可以相互通信，否则就会出现跨域的情况。方法可以安全地实现跨源通信。它提供了一种受控机制来规避此限制，只要正确的使用，这种方法就很安全。（下期预告，在Iframe里使用window.postMessage）
2024-03-20 11:55:36
4100
原创 彻底弄懂Vue的作用域插槽
Vue 中有具名插槽，作用域插槽。具名插槽的话比较简单，作用域插槽感觉很多人对它的用法不是很熟悉，今天我就结合一个简单案例，详细地讲解作用域插槽的用法。父组件中的 slotProps，可以自定义一个名称，它表示一个对象，其中键就是子组件中绑定的 row，值就是父组件要使用的值。但是，我想要的效果是：每个名字后面都有对应的照片。现在，使用作用域插槽就可以实现（看新增代码）。首先，自问下，什么情况下会使用到作用域插槽（嗯，想几分钟吧）？首先定义两个组件，具体的注释我已经写在代码中了。
2024-03-11 22:18:59
438
原创 for 循环中的 let 声明和 var 声明
我们知道，ES6 之后，出现了 let 关键字。至此，块级作用域势如破竹，占据一席之地。今天就好好聊一聊，块级作用域范畴中，for 循环里面 let 声明和 var 声明，有啥区别？
2024-01-27 12:29:36
497
原创 深入理解 apply、call、bind
我们知道，在代码的世界里，一切皆为对象。函数也不例外，既然是对象，那么就可能有属性和方法，今天就聊一聊函数中的apply、call、bind方法。
2024-01-25 12:07:32
385
原创 理解 JavaScript 中构造函数、原型、实例、原型链之间的关系
我认为，构造函数、原型、实例、原型链之间的关系贯穿了整个开发流程。无论是公司大型项目，还是个人项目，都一直在使用它们之间的特性。单独把每个点拎出来讲没有太大意义，把它们之间的关系联系起来，那才是核心。
2024-01-17 10:11:58
1040
原创 理解 ECMASript中的迭代器
我的个人理解是：能够实现 Iterable 接口的数据结构，可以使用迭代器。一些内置类型（字符串，数组，映射，集合，argument 对象，NodeList等 DOM 集合类型）实现了Iterable接口。在 ECMAScript 中，暴露了一个默认迭代器，这个迭代器用 Symbol.iterator 作为键，然后实现了一个迭代器工厂函数，调用这个工厂函数，会返回一个新的迭代器。// 迭代器工厂函数// 调用这个迭代器工厂函数，会返回一个新的迭代器。
2023-12-31 15:18:16
317
原创 Vue.js源码解读前的准备工作
找到“入口文件”的过程，其实就是从 npm 脚本出发，然后通过一层一层的函数调用，字符串拼接，最后找到入口文件路径。这个过程中有实现这条主线路的细枝末节会干扰大家，暂时先不用管，知道它是干嘛的就行，具体可以后面感兴趣看。
2023-12-27 22:19:55
465
原创 理解 ECMAScript 中的 reduce 和 reduceRight 方法
每个元素都会执行的函数(归并函数)；对于归并函数，接收 4 个参数：prev：上一次归并函数的返回值cur：当前值index：当前值索引arr：当前数组可选的归并初始值。提供这个值，该值就充当 prev。否则，prev 为数组的第一项，cur 为数组的第二项。
2023-12-27 11:53:21
311
原创 栈和队列在数组中的应用
用代码实现这两种数据结构时，顺序都要满足 In-Out，也就是先添加，然后再移除。添加的操作：push、unshift移除的操作：pop、shift。
2023-12-26 11:50:03
336
原创 梳理创建数组的方法
Array 构造函数在 ES6新增了两个创建数组的静态方法，分别是。，下面简单介绍下这两个方法，更多细节可查看。创建数组的方法很简单，常用的有。
2023-12-25 16:55:19
368
原创 ECMAScript中为什么原始值可以调用“特定”的方法和属性？
在ECMAScript中大家都知道，下面这段代码没啥问题。但是，有没有人真正的去考虑，第二行代码为什么可以正确执行呢？按理，s1 是原始值，原始值不是不可以调用方法吗？这不应该是对象才可以调用方法吗？
2023-12-24 16:03:49
315
原创 图解-JavaScript 垃圾回收
现代引擎实现了垃圾回收的高级算法。垃圾回收是自动完成的，我们不能强制执行或是阻止执行。当对象是可达状态时，它一定是存在于内存中的。被引用与可访问（从一个根）不同：一组相互连接的对象可能整体都不可达，正如我们在上面的例子中看到的那样。V8 之旅：垃圾回收V8 博客对于其他引擎，许多方法是相似的，但在垃圾收集上许多方面有所不同。当你需要底层的优化时，对引擎有深入了解将很有帮助。在熟悉了这门编程语言之后，把熟悉引擎作为下一步计划是明智之选。
2023-08-31 22:50:46
55
原创 利用 loadsh 库中的_.sortBy()方法和_.isEqual()实现数组对象中某个对象的排序
今天， 用vue开发过程中遇到这样一个问题。
2023-06-19 14:52:57
288
原创 Debug JavaScript（调试、debugger）
至此，分享内容到此结束。本篇文章围绕怎样在浏览器中使用断点的方式调试代码，通过一步一步操作，最终解决问题。同时也分享了自己对于使用调试代码和使用断点调试代码的个人见解，如有不妥之处、疑问、不同观点，欢迎评论区讨论！
2023-06-04 19:38:59
1800
原创 Vue中mixins的使用方法和注意点
今天讲的是Vue中这个Mixin的用法。我知道很多小伙伴在项目中都已经用过。但个人一直都是云里雾里的状态，今天我们就好好聊聊Mixin，重新整理思路，争取以后不再犯迷糊。想要使用一个事物或者工具，我们首要先了解它是什么，这样我们才好对症下药。其实Mixin不是Vue专属的，可以说它是一种思想，也可以说它就是混入的意思，在很多开发框架中都实现了Mixin(混入)，我们这里主要讲解的是Vue中的Mixin。老规矩，先看官方文档。
2023-05-29 11:12:08
1202
原创 简单理解，‘堆’，‘栈’，‘队列’
堆（Heap）堆是一种线性数据结构，是利用完全二叉树维护的一组数据，堆分为两种，一种为最大堆，一种为最小堆，将根节点最大的堆叫做最大堆或大根堆，根节点最小的堆叫做最小堆或小根堆。相当于一维数组，有唯一后继。栈（Stack）栈在计算机科学中是限定仅在表尾进行插入或删除操作的线性表。 栈是一种数据结构，它按照后进先出的原则存储数据，先进入的数据被压入栈底，最后的数据在栈顶，需要读数据的时候从栈顶开始弹出数据。栈是只能在某一端插入和删除的特殊线性表队列（Queue）队列是一种操作受限.
2022-01-17 23:10:56
344
原创 判断是否符合指定格式
题目描述给定字符串 str，检查其是否符合如下格式1、XXX-XXX-XXXX2、其中 X 为 Number 类型function matchesPattern(str) { return (/^\d{3}\-\d{3}\-\d{4}$/).test(str);} //^表示匹配输入字符串的开始位置，$表示匹配输入字符串的结束位置 //不加的话会通过如下字符串："a800-555-1212b"...
2021-04-24 11:05:42
1265
原创 uni-app switchTab 和 navigateTo的用法
switchTab 和 navigateTo 都是页面跳转，不同点在于switchTab 跳转的路径必须为Tab，（也就是标签栏所能跳转的页面）uni.switchTab({ url:'../member/member'})而navigateTo 跳转的页面不能为Tabuni.navigateTo({ url: this.backurl})...
2021-04-19 21:30:15
735
原创 统计出现最多的字符和次数！！
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-03-19 15:06:03
200
原创 关于对csdn上“yolov5 检测一类物体“这一篇博客的坑的解决（针对于小白）
其实很简单：代码缩进的问题。原文链接：yolov5 检测一类物体出现的错误：解决方法：将detect.py里面的代码的106行改为（看代码缩进）：
2021-03-09 17:39:41
1390
2
原创 js冒泡排序sort（）算法
文章目录前言一、废话没有，直接上图二、结果展示总结前言提示：js冒泡排序sort（）算法，新手不要再为冒泡排序烦恼！！一、废话没有，直接上图 <script> //冒泡排序 var arr2 = [2, 528, 334, 72, 43, 9]; arr2.sort(function (a, b) { return a - b;//顺序排列 // return b - a;//降序排.
2021-03-09 14:35:33
119
原创 IIS部署web网页的方法
摘要：本方法适用于IIS已经安装的情况（在浏览器里输入`http://localhost/`，出现如下图片说明安装成功）
2021-03-08 15:52:35
1514
5
原创 windows配置JDK环境变量
1.首先下载JDK,并记住JDK所在的文件夹目录。2.打开系统属性，找到“环境变量”的选项。3在系统变量里新建一个变量名，路径是刚刚第一步里的jdk的位置。4找到path，点击编辑，在“编辑环境变量”里点击“浏览”找到你的jdk里的bin文件的路径。最后确定即可。...
2020-11-04 21:20:31
140
原创 刚入门面向对象时傻傻分不清的重载和重写！！
刚学面向对象的时候，重载和重写怎么也记不住，经常混淆了，看了几遍都不行，今天就好好的写一写他们的区别。重载（overload）：（1）发生在同一个类里；（2）方法的名称要相同；（3）参数列表（有无参数，参数类型，参数顺序，参数数量）不能相同；public class TestOverload { //重载方法1 public void run(String...
2020-04-24 22:04:56
131
原创 java面向对象——类与对象（个人总结1）
1.类1）类的意思：一个蓝图，抽象的事物。（人类就相当于类，一个抽象的概念，具体到每一个实实在在的人就是对象（具体的（对象在下面会介绍））2）eg：people类属性（成员变量）：age,weight,hight,gender行为（成员方法）：run(),eat(),sleep()注：成员方法就是不用static修饰的方法2.对象1）对象就是类的具体化，实实在在的。2）eg：M...
2020-04-15 11:59:04
204
原创 C语言之产生随机数。
(1)产生任意位数的随机数：#include<stdio.h>#include<time.h>使用time必须引入time.h头文件#include<stdlib.h>int main(){ srand((int)time(0)); int randNum=rand(); printf("randNum=%d",randNum); return ...
2020-04-09 17:34:24
379
原创 win10查看JDK是否配置成功（超完善）！！
首先win+r输入cmd，进入到命令提示符界面。接下来就是检查的项目。1.输入Java，然后回车。查看java的运行环境；
2020-03-31 22:36:44
2578
原创 小白对于Java变量类型初始化位置的一点认识（对于大多数人是so easy的，但是对于小白的我弄明白了也是一种进步）！！
首先一这道题目为例子：题目：货物的运输费用与距离和重量有关，距离S越远，每公里的运费越低。总运输费用Exp:的计算公式为：Exp=P*W*S(1-d)，式中P为每公里每吨货物的基本运费、W为货物重量（T）、S为运输距离（km），d为折扣，折扣率与距离有关，标准如下：0<S<250km(d=0)250≤S<500km(d=2%)500≤S<1000k...
2020-03-28 23:27:06
300
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人