宫崎骏爷爷的捣蛋野孩子

目录一、栈方法：1、pop2、push二、排序方法：1、sort2、reverse三、队列方法：1、shift2、push四、操作方法：1、splice2、unshift五、复制和填充的方法：1、copyWithin2、fill数组原型提供的方法非常之多，主要分为三种，一种是会改变自身值的，一种是不会改变自身值的，另外一种是遍历方法。基于ES6，改变自身值的方法一共有9个，分别为pop、push、reverse、shift、sort、s

JS判断是否是为数组的方法首先区别Javascript类型：JS中有六种类型❑String❑Number❑Boolean❑Null❑Undefined❑Object除了Object，其他都是基本数据类型，Object是引用数据类型一、typeof 操作符❑ "undefined"表示值未定义；❑ "boolean"表示值为布尔值；❑ "string"表示值为字符串；❑ "number"表示值为数值；❑ "object"表示值为对象（而不是函数）或null；❑ "functio

ES6新增的构造函数方法Array构造函数有两个ES6新增的用于创建数组的静态方法：from()和of()。from()用于将类数组结构转换为数组实例，而of()用于将一组参数转换为数组实例。一、Array.ofArray.of用于将参数依次转化为数组中的一项，然后返回这个新数组，而不管这个参数是数字还是其它。它基本上与Array构造器功能一致，唯一的区别就在单个数字参数的处理上。如下：Array.of(6.0); Array(6.0); 执行结果：参数为多个，或单个参数不是数字时，Ar

在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、在对应

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及以下浏

理解对象之JS中的数据属性和访问器属性：ECMA-262使用一些内部特性来描述属性的特征。这些特性是由为JavaScript实现引擎的规范定义的。因此，开发者不能在JavaScript中直接访问这些特性。为了将某个特性标识为内部特性，规范会用两个中括号把特性的名称括起来，比如[[Enumerable]]。属性分两种：数据属性和访问器属性一、数据属性：数据属性包含一个保存数据值的位置。值会从这个位置读取，也会写入到这个位置。数据属性有4个特性描述它们的行为。❑ [[Configurable]]：表示

字符串在底层字符串是以字符串数组的形式保存的。String字符串对象的总结：一、String对象属性：1、length2、construct3、prototype二、String对象方法：1、charAt()返回字符串中指定位置的字符根据索引获取指定位置的字符（索引是从0开始的）2、charCodeAt()获取指定位置字符的字符编码（Unicode编码）3、formCharCode()根据字符编码去获取字节4、concat()可以连接两个或者多个字符串，作用和“+”一样

最近刚刚进入一家新的公司，对于项目的东西还不是很熟悉

一、使用官网的方式搭建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切换完成后，可

控制台报警告：react中调用form表单组件用于对于信息详情的编辑修改时控制台报的警告，对于这个问题，会有以下两个原因：一、表单的字段和初始化的字段要保持一致this.props.form.form.setFieldsValue这个方法里面传值的时候只能是form中用到的参数(即是getFieldDecorator方法中的field)没有的field一律不允许多传，否则就会报错二、找不到相关联的值例如上面的例子，在表单中设置了一个多选的下拉选择框，如果这个下拉框可以选择修改的内容是从其他接

1、async 和 await 在干什么？

宏任务与微任务宏任务：setTimeout、setInterval、DOM事件、AJAX 请求微任务：Promise、asnyc/awaitconst $content = $('<p>内容</>');$('#box').append($content);console.log(1);Promise.resolve().then(()=> { console.log('2 promise');});setTimeout(()=>{ c

作为一个刚入职场不久的前端小白来说，真的是太尴尬了！在git仓库提交代码的过程中，由于不知名原因，我提交代码的时候把别人的代码覆盖了，这就很尴尬了呀，无奈拉着别人一起加班恢复代码。但是呢，这个问题很严重呀，很可能也会降低大家的效率，所以我尝试着寻找其他可以可视化提交代码的工具，于是乎，我挖掘到了一个宝藏—Sourcetree。哇，真香！！！墙推！！！Sourcetree基本使用方法：一、简介一个用于Windows和Mac的免费Git客户端。Sourcetree简化了如何与Git存储库进行交互，

一 、什么是Promise？Promise是ES6中提供的一个异步编程的解决方案，Promise本身是一个构造函数。console.log(typeof Promise) // function在JavaScript中，所有的代码都是同步执行的，而在js在进行网络操作，浏览器实践，任务队列时，就导致很多代码必须要进行回调，出现回调地狱。ajax就是典型的异步操作。Promise则是异步编程的一种解决方案，它有两个特点：（1）对象的状态不受外界影响（2）状态是不可逆不可改变Promise一共

JS正则表达式：1、常见字符串基础：（1）search 查找 查找后返回该字符串所在的数组号（注意：数组号是从0开始的）（2）substring 获取子字符串 substring（起始值得字符串号，结束字符串号（半开半闭区间，不包括第二个参数的那一位）（3）charAt 获取某个字符 获取某一位的字符串（注意：字符串的编号是从0开始的）（4）split 分割字符串，获得数组 Split 用于切割字符串，参数即为要用来切割的标准2、找出字符串中的所有的数字：（1）

一、简介作为一名使用react框架的前端开发工作者，那么react的一个核心概念–组件生命周期就显示十分重要。组件的生命周期描述的是一个组件从创建、渲染、加载、显示到卸载的整个过程，其大致的过程如下：图片来源请戳此链接：https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/从图中，我们也可以看到，一个组件主要包括了三种行为：创建、更新、卸载。每一种行为又可以划分为：Render渲染阶段和Commit阶段。React官方开发者在

CSS中的继承继承：子元素继承父元素的样式，但是并不是所有属性都是默认继承的。通过文档中的 inherited：yes 来判断属性是否可以继承，关于继承可以参见css的继承关键字：一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：wid

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,

使用antd，想要修改默认的样式，一直无法生效？？1、添加类名或者样式style直接在相应组件上添加想要的样式相应的属性style，但是这种方式经常不会生效。2、使用：global{}属性覆盖默认的属性（1）前提：学会如何正确的找到组件的样式选择器（可以使用Chrome控制台）比如我这里想要将上传按钮的边框改成圆角（border-radius），选中button元素，然后在右边的样式表中先测试一下能不能生效，这里是生效了，那么说明改这个类选择器的样式是可以的。这个时候可以直接在相应组件中添加相应

TypeError: Cannot read property ‘map’ of undefined const formItems = useMemo(() => { return [ { key: 'systemName', name: '业务系统名称', type: 'input', formatter: (v: string) => { return v || '-';