- 博客(23)
- 收藏
- 关注
RSS订阅原创 会改变自身值的9个数组方法
目录一、栈方法：1、pop2、push二、排序方法：1、sort2、reverse三、队列方法：1、shift2、push四、操作方法：1、splice2、unshift五、复制和填充的方法：1、copyWithin2、fill数组原型提供的方法非常之多，主要分为三种，一种是会改变自身值的，一种是不会改变自身值的，另外一种是遍历方法。基于ES6，改变自身值的方法一共有9个，分别为pop、push、reverse、shift、sort、s
2021-12-09 16:42:08
1537
原创 判断是否是一个数组的方法与原理
JS判断是否是为数组的方法首先区别Javascript类型：JS中有六种类型❑String❑Number❑Boolean❑Null❑Undefined❑Object除了Object，其他都是基本数据类型，Object是引用数据类型一、typeof 操作符❑ "undefined"表示值未定义；❑ "boolean"表示值为布尔值；❑ "string"表示值为字符串；❑ "number"表示值为数值；❑ "object"表示值为对象（而不是函数）或null；❑ "functio
2021-12-06 19:58:31
1178
原创 ES6新增的构造函数方法
ES6新增的构造函数方法Array构造函数有两个ES6新增的用于创建数组的静态方法：from()和of()。from()用于将类数组结构转换为数组实例，而of()用于将一组参数转换为数组实例。一、Array.ofArray.of用于将参数依次转化为数组中的一项，然后返回这个新数组，而不管这个参数是数字还是其它。它基本上与Array构造器功能一致，唯一的区别就在单个数字参数的处理上。如下：Array.of(6.0); Array(6.0); 执行结果：参数为多个，或单个参数不是数字时，Ar
2021-12-04 16:45:51
584
原创 在react项目中引入antd
在react项目中引入antd一、antd官网地址https://ant.design/docs/react/introduce二、引进antd（直接引入）1、安装antdnpm install antd --save / yarn add antd / cnpm install antd --save2、在react项目的css文件中引入 Antd的css@import 'antd/dist/antd.css';3、看文档使用：如使用Button： 1、在对应
2021-10-08 15:20:53
6361
原创 JavaScript HTML DOM 文档
JavaScript HTML DOM 文档1、document.body在document中有一个属性body， 它会保存的是body的引用。2、document.documentElement保存的是html的根标签3、document.all代表页面中所有的元素var all = document.all;console.log(all.length);4、getElementsByClassName（）可以根据class属性值获取一组元素节点对象；但是该方法不支持IE8及以下浏
2021-09-11 14:14:34
93
原创 对象之JS中的数据属性和访问器属性
理解对象之JS中的数据属性和访问器属性：ECMA-262使用一些内部特性来描述属性的特征。这些特性是由为JavaScript实现引擎的规范定义的。因此，开发者不能在JavaScript中直接访问这些特性。为了将某个特性标识为内部特性，规范会用两个中括号把特性的名称括起来，比如[[Enumerable]]。属性分两种：数据属性和访问器属性一、数据属性：数据属性包含一个保存数据值的位置。值会从这个位置读取，也会写入到这个位置。数据属性有4个特性描述它们的行为。❑ [[Configurable]]：表示
2021-09-08 20:10:15
433
1
原创 String字符串对象的常用总结
字符串在底层字符串是以字符串数组的形式保存的。String字符串对象的总结：一、String对象属性：1、length2、construct3、prototype二、String对象方法：1、charAt()返回字符串中指定位置的字符根据索引获取指定位置的字符（索引是从0开始的）2、charCodeAt()获取指定位置字符的字符编码（Unicode编码）3、formCharCode()根据字符编码去获取字节4、concat()可以连接两个或者多个字符串，作用和“+”一样
2021-08-22 17:39:28
126
原创 如何搭建一个demo,并且实现与GitHub远程仓库建立连接
一、使用官网的方式搭建react脚手架，建立一个新项目1.安装node.js和npm；可自行到node官网下载，下载node完成后，npm也会自行下载完成。2.通过cmd执行 node -v 和 npm -v 查看是否下载成功和下载成功后的版本号。3.安装好的npm的源默认是国外的源，会因为网络原因导致执行npm操作有延时，我们可以切换npm的源为淘宝的源镜像。执行 npm config set registry https://registry.npm.taobao.org切换完成后，可
2021-06-27 16:49:47
539
原创 you cannot set a form field before rendering a field associated with the value
控制台报警告：react中调用form表单组件用于对于信息详情的编辑修改时控制台报的警告，对于这个问题，会有以下两个原因：一、表单的字段和初始化的字段要保持一致this.props.form.form.setFieldsValue这个方法里面传值的时候只能是form中用到的参数(即是getFieldDecorator方法中的field)没有的field一律不允许多传，否则就会报错二、找不到相关联的值例如上面的例子，在表单中设置了一个多选的下拉选择框，如果这个下拉框可以选择修改的内容是从其他接
2021-06-08 17:20:59
491
转载 宏任务与微任务
宏任务与微任务宏任务：setTimeout、setInterval、DOM事件、AJAX 请求微任务：Promise、asnyc/awaitconst $content = $('<p>内容</>');$('#box').append($content);console.log(1);Promise.resolve().then(()=> { console.log('2 promise');});setTimeout(()=>{ c
2021-05-10 12:10:16
92
原创 git可视化提交工具--Sourcetree
作为一个刚入职场不久的前端小白来说，真的是太尴尬了！在git仓库提交代码的过程中，由于不知名原因，我提交代码的时候把别人的代码覆盖了，这就很尴尬了呀，无奈拉着别人一起加班恢复代码。但是呢，这个问题很严重呀，很可能也会降低大家的效率，所以我尝试着寻找其他可以可视化提交代码的工具，于是乎，我挖掘到了一个宝藏—Sourcetree。哇，真香！！！墙推！！！Sourcetree基本使用方法：一、简介一个用于Windows和Mac的免费Git客户端。Sourcetree简化了如何与Git存储库进行交互，
2021-05-08 14:37:40
830
2
原创 谈谈我对Promise的理解
一 、什么是Promise？Promise是ES6中提供的一个异步编程的解决方案，Promise本身是一个构造函数。console.log(typeof Promise) // function在JavaScript中，所有的代码都是同步执行的，而在js在进行网络操作，浏览器实践，任务队列时，就导致很多代码必须要进行回调，出现回调地狱。ajax就是典型的异步操作。Promise则是异步编程的一种解决方案，它有两个特点：（1）对象的状态不受外界影响（2）状态是不可逆不可改变Promise一共
2021-05-07 00:03:37
315
2
原创 使用正则表达式的小便利
JS正则表达式：1、常见字符串基础：（1）search 查找 查找后返回该字符串所在的数组号（注意：数组号是从0开始的）（2）substring 获取子字符串 substring（起始值得字符串号，结束字符串号（半开半闭区间，不包括第二个参数的那一位）（3）charAt 获取某个字符 获取某一位的字符串（注意：字符串的编号是从0开始的）（4）split 分割字符串，获得数组 Split 用于切割字符串，参数即为要用来切割的标准2、找出字符串中的所有的数字：（1）
2021-04-27 13:42:51
94
原创 生命周期与useEffect
一、简介作为一名使用react框架的前端开发工作者，那么react的一个核心概念–组件生命周期就显示十分重要。组件的生命周期描述的是一个组件从创建、渲染、加载、显示到卸载的整个过程，其大致的过程如下：图片来源请戳此链接：https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/从图中，我们也可以看到，一个组件主要包括了三种行为：创建、更新、卸载。每一种行为又可以划分为：Render渲染阶段和Commit阶段。React官方开发者在
2021-04-24 17:22:09
1926
转载 CSS继承
CSS中的继承继承：子元素继承父元素的样式，但是并不是所有属性都是默认继承的。通过文档中的 inherited：yes 来判断属性是否可以继承，关于继承可以参见css的继承关键字：一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：wid
2021-04-20 23:34:00
94
原创 Typescript真香系列
Typescript一、类型：number、string、boolean、object、null、undefined、symbol都是比较简单的。let num: number = 1; // 声明一个number类型的变量let str: string = 'string'; // 声明一个string类型的变量let bool: boolean = true; // 声明一个boolean类型的变量let obj: object = { // 声明一个object类型的变量 a: 1,
2021-04-13 17:39:41
219
原创 antd中默认的样式修改不了咋办呢，捉急呀
使用antd，想要修改默认的样式，一直无法生效？？1、添加类名或者样式style直接在相应组件上添加想要的样式相应的属性style，但是这种方式经常不会生效。2、使用：global{}属性覆盖默认的属性（1）前提：学会如何正确的找到组件的样式选择器（可以使用Chrome控制台）比如我这里想要将上传按钮的边框改成圆角（border-radius），选中button元素，然后在右边的样式表中先测试一下能不能生效，这里是生效了，那么说明改这个类选择器的样式是可以的。这个时候可以直接在相应组件中添加相应
2021-04-12 11:46:19
4703
原创 TypeError: Cannot read property ‘map‘ of undefined
TypeError: Cannot read property ‘map’ of undefined const formItems = useMemo(() => { return [ { key: 'systemName', name: '业务系统名称', type: 'input', formatter: (v: string) => { return v || '-';
2021-04-06 10:33:22
3994
转载 JavaScript中没有被搞清楚的那些野孩子
没有搞清楚的那些宠儿：一、null 与 undefinded那些事儿[null为没有对象；undefined为缺少值]1、undefined 表示未定义的变量。null 值表示一个空对象指针。2、JavaScript中的null是一个表示“无”的对象，转为数值时为0；undefined是一个表示“无”的原始值，转为数值时为NaN。Number(null)// 05 + null// 5Number(undefined)// NaN5 + undefined// NaN3、应
2021-01-18 14:38:52
116
原创 输入url之后到页面的加载的过程中发生了什么？
前端服务，输入url之后到页面的加载的过程中发生了什么？整体的过程：URL缓存DNS解析TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束一、URL我们像说的url就是这样子的：https://www.baidu.com，这个域名是由三部分组成的：协议名、域名和端口号，这里的端口号是默认的端口号，所以一般隐藏。除此之外，url还会包含一些路径、查询和其他的片段，例如：https://editor.csdn.net/md?articleId=11036
2020-12-01 14:34:28
107
原创 warning: LF will be replaced by CRLF in debug.log.
在提交本地代码git add .时遇到的warning：PS E:\kelly\react-test> git add .warning: LF will be replaced by CRLF in debug.log.The file will have its original line endings in your working directory解决方案：（主要原因）不同系统下，文件的换行符是用不同字符表示的。《1》Linux采用换行符LF表示下一行；《2》Win
2020-11-25 10:44:22
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人