- 博客(28)
- 收藏
- 关注
RSS订阅原创 数组遍历之filter（）和find（）的区别
filter()和find()的区别是filter()是将符合条件的所有项全部返回出来，返回的是一个数组，如果没有符合条件的则返回一个空数组；find()是将符合条件的第一项返回出来，返回的是一个对象，如果没有符合条件的就是undefined
2023-01-12 15:37:13
680
原创 我的创作纪念日
有时间就会进行问题整理，学习内容整理，开发问题或者版本管理学习方向及学习目的等等一系列的东西，目前主要是利用空余时间进行整理。这里从第一篇博客开始到现在就是主要是为了分享前端学习步骤以及项目实际开发中的问题及解决方案以及普及网络知识点等等。职业规划是继续以开发者的角度深入学习进步使自己更充实更有力量更有能力，更有实力来辅佐大家一起进步。在这段时间里得到了不少网友的认可以及建议得到了更大的提升以及自我满足和博客账号本身带来的好处。
2022-12-09 17:00:33
290
原创 MutationObserver（下）
MutationObserverInit对象用于控制对目标节点的观察范围。粗略的讲观察者可以观察的事件包括属性变化、文本变化和子节点变化。MutationObserverInit对象属性：
2022-12-06 09:42:51
604
原创 MutationObserver（上）
MutationObserver接口，可以在DOM被修改时，异步执行回调；可以观察整个文档、DOM树的一部分，或某个元素。除此，还可以观察元素属性(attributes)、子节点(childList)、文本(characterData)，或者前三者任意组合的变化。
2022-12-04 20:22:40
568
原创 Web前端：函数尾调用
栈帧：函数调用的一种数据结构，一般有局部变量、参数、函数返回地址等等！概念：ECMAScript6规范新增了一项内存管理优化机制，让javascript引擎在满足条件时可以重用栈帧。具体来说，这项优化非常适合“尾调用”，即外部函数的返回值是一个内部函数的返回值。...
2022-08-08 18:55:37
258
原创 react常见面试题之hooks中UseEffect的执行时间
要想知道useEffect的执行时间，首先你得知道它是干什么的？那么首先useEffect是一个宏任务！可以将uesEffect看做，react中的三个钩子函数的组合：
2022-07-27 12:44:10
1236
1
原创 react常见面试题之SetState是同步还是异步？实现同步的方法？是一个伪异步，实现的原理是什么？
首先它是异步的； constructor(props){super(props)this.state={num:6666}}fun=()=>{this.setState({...
2022-05-26 23:48:19
520
原创 加密方法之MD5、AES和RSA的区别
首先他们三个都是加密方法，用来避免密码明文传输的漏洞危害，但是同为加密方式他们三个有什么区别呢？MD5：这种加密方式最简单同时也最直接过程：创建账号时，将账号对应密码的MD5存储数据库，登录时，对用户输入的密码进行MD5加密传送到服务器端，根据账号从数据库查询出该账号对应的MD5值进行对比，判断是否相同。MD5也是弱加密风险：字典表很大。在https://www.cmd5.com ，存储超过90万亿个密码，很快速查询到一些密码强度不复杂的密码。对称加密算...
2022-05-25 22:16:04
2733
原创 安全开发之密码安全
为什么要说密码安全呢？因为密码是保护我们账户的第一手段，你像现在的所有软件注册登录都是账号密码，那么你的密码不安全就意味着你的账号以及你的隐私等等完完全全暴露了出来，对于搞破坏的人来说，你就很危险，接下来从四个方面来讲讲密码安全1.密码明文传输概念：在登录或者修改密码处，密码未采取任何的加密措施，明文直接传输在数据包中。危害：攻击者利用中间人攻击，直接抓包，就可以得到明文密码防御手段：利用非对称算法RSA进行加密当然还要MD5和对称算法AES可以选择但是这两种方法更容易破解，具体
2022-05-23 22:59:50
957
1
原创 安全开发之验证码安全
验证码：是一种校验区分用户是计算机还是人的公共全自动程序。作用：防止刷票、论坛灌水、刷页、防止黑客恶意破解密码、盗取用户数据和防止恶意注册登录等等
2022-05-22 20:31:50
1673
原创 安全开发之CSRF(跨域请求伪造）
概念：CSRF（Cross Site Request Forgery）跨域请求伪造，顾名思义，是在跨域的基础上利用伪造请求而达成的一种攻击手段。
2022-05-20 23:40:45
1341
原创 Web前端：JavaScript基础篇之数组类型
首先大家需要明白的是，数组它是一个存储数据的数据结构，同时ECMAScript的数组，跟其他语言的数组不同，ECMAScript中数组的槽位可以是任意类型的数据！数组创建的方法：主要常用的有两种：一种是构造函数Array，一种是字面量方法。构造函数：使用new关键字加上Array引用类型类：let age = new Array ();如果知道这个数组的长度可以直接给构造函数传入一个数值，length属性就会自动创建并设置为这个值。例：let age = ...
2022-05-04 14:11:39
435
原创 Web前端：JavaScript基础篇之ES6模板字符串
首先字符串模板ECMAScript6新增的，用于拼接字符串的语法：`…………………………`中间是拼接的东西如果字符串模板中出现了变量需要用${}括起来：例：let i = 15;`………………${i}…………`...
2022-01-20 09:49:04
602
原创 Web前端：JavaScript基础篇之字符串的引用类型String
首先大家需要知道是，原始值（基本数据类型）string和String对象之间的关系：String是原始值string的原始值包装类型的对象例：let s1 = 'some text';let s2 = s1.substring(2);以上例子s1是一个包含字符串的变量，它是一个原始值！第二行紧接着在s1上调用了substring()方法并把结果保存在s2中。我们要知道，原始值本身不是对象，因此逻辑上不应该有方法。而实际上这个例子又确实按预期运行了。这是因...
2022-01-17 18:18:14
1290
原创 Web前端：JavaScript基础篇之进制转换
首先需要明确知道进制转换是一种计数的方式，也不代表只有二进制、八进制、十进制、十六进制！比如时分秒的流失进制，天是二十四进制等等！我们习惯于十进制（0~9）的计数规则，但是计算机用的是二进制（0~1）的计数规则。要理解陈旭时，必须先理解它们之间的进制转换，才可以理解为什么要这样进行！
2022-01-06 18:11:02
918
原创 Web前端：JavaScript基础篇之this指向问题
首先需要明确知道的是this是函数体内的一个内置对象this在不同的应用中分别有几种情况，但都是指向this对象的主人1、this与事件连用：this代表触发该事件的元素本身2、与普通函数连用：this代表调用该函数的对象3、与new关键字连用时，指向的是new出来的对象特殊情况：箭头函数是没有this的,它的this是上级代码块的this(说明白就是该箭头函数所在作用域的this)
2022-01-03 17:05:40
485
原创 Web前端：JavaScript基础篇之函数
函数首先要知道一点就是：函数有创建和调用两个板块！函数概念：函数就是把完成特定功能的一段代码[抽象出来]，使之成为程序中的一个[独立实体]，起个名字（函数名）。可以在同一个程序或其他程序中多次重复使用（通过函数名调用）。函数作用： 1、使程序变得简短而清晰 2、有利于程序维护 3、可以提高程序开发效率 4、提高了代码的复用
2021-12-31 14:28:05
388
原创 Web前端：JavaScript基础篇之ES6let和const关键字
开题说明： 为什么ES6要新增let和const关键字呢？？？ 因为var存在很多弊端，比如：可以先赋值后声明、冗余声明变量、作用域问题 let、const、var都是用来声明定义变量的let： let和var的作用域： let声明的是块级作用域 var声明的是函数作用域 if（t...
2021-12-28 22:33:21
449
原创 Web前端：JavaScript基础篇之ES5严格模式
严格模式：在代码中添加"use strict";，告知我已经开启了严格模式不能使用未被定义的变量，但是它没有办法控制变量的顺序"use strict"; age= 15； console.log(age);像这样只要添加"use strict"，在直接赋值就会抛出ReferenceError错误，说age未定义但是为什么说现在用的不多呢，是因为，如果将"use strict"放到age=15的下一行...
2021-12-25 20:41:59
295
原创 Web前端：JavaScript基础篇之var关键字
var关键字主要是用来声明定义变量的。使用为var操作符后跟变量名var声明作用域var声明提升
2021-12-24 19:14:12
3313
1
原创 Web前端：JavaScript基础篇之逻辑分支
逻辑分支：顺序：根据代码的书写顺序，从上至下一行一行的执行。（正常的代码解析顺序）选择：根据条件的真假，选择执行某种相应的结果。（if，switch）循环：重复的做某件事（while，do...while，for）
2021-12-19 16:21:09
650
原创 Web前端：JavaScript基础篇之运算符
运算符分类： 1、算数运算符：+-*/% 2、关系运算符：> >= < <= == != === !== 3、逻辑运算符：&& || ！ 4、一元运算符：++/-- 5、赋值运算符：= 、+=、-=、*=、/=、%=算术运算符： 算术运算符简单来说，就是加+减-乘*...
2021-12-16 23:02:00
2647
原创 有关react-particle-js粒子效果实现，浏览器报错问题
Failed to compile./node_modules/_react-particles-js@3.6.0@react-particles-js/cjs/particles.jsModule not found: Can't resolve 'tsparticles' in 'D:\Three phase\react\8.1\myapp\node_modules\_react-particles-js@3.6.0@react-particles-js\cjs'这个问题咱们首先看它直译过来
2021-12-12 01:52:57
2323
原创 Web前端：JavaScript基础篇之数据类型
首先，数据类型分为基本数据类型和引用（复合）数据类型！基本数据类型：1、数字（Number）：有自然数、负数、小数 2、字符串（String）：用双引号或者单引号包裹住的内容（注：单双引号都可 ...
2021-12-09 00:49:24
4269
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人