- 博客(23)
- 收藏
- 关注
原创 会改变自身值的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关注的人