2021年09月_小小白学计算机

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 react脚手架配置代理解决跨域问题

一、问题描述：控制台报错，出现跨域问题二、解决方案配置代理：第一种配置方式：在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源）第二种配置方式：第一步：创建代理配置文件在src下创建配置文件：src/setupProxy.js

2021-09-24 00:18:05 304

原创 react 生命周期

1.组件从创建到死亡它会经历一些特定的阶段。2.React组件中包含一系列钩子函数(生命周期回调函数), 会在特定的时刻调用。3.我们在定义组件时，会在特定的生命周期回调函数中，做特定的工作。一、react生命周期（旧的）生命周期的三个阶段（旧） 1. 初始化阶段: 由ReactDOM.render()触发---初次渲染 1.constructor() 2.componentWillMount() 3.render() 4.componentDidMount() 常用一.

2021-09-22 16:47:54 3071

原创 JavaScript高级之ECMASript 7、8 、9 、10 新特性

第3章 ECMASript 7 新特性3.1. Array.prototype.includesIncludes 方法用来检测数组中是否包含某个元素，返回布尔类型值3.2. 指数操作符在ES7中引入指数运算符「 **」，用来实现幂运算，功能与 Math.pow结果相同第4章 ECMASript 8 新特性4.1. async和 awaitasync和 await两种语法结合可以让异步代码像同步代码一样4.1.1. async函数async函数的返回值为 promise对象，promi

2021-09-04 22:33:36 471 2

原创 JavaScript高级之ECMAScript 6 新特性

2.1. let关键字let关键字用来声明变量，使用 let声明的变量有几个特点：不允许重复声明块儿级作用域不存在变量提升不影响作用域链应用场景：以后声明变量使用let就对了案例：点击切换颜色<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/c

2021-09-04 13:33:24 363

原创 JavaScript高级之正则表达式

1. 正则表达式概述1.1 什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等。其他语言也会使用正则表达式，本阶段我们主要是利用 JavaSc

2021-09-02 20:41:48 232

原创 JavaScript高级之函数进阶

1. 函数的定义和调用1.1 函数的定义方式函数声明方式 function 关键字 (命名函数)函数表达式 (匿名函数)new Function()Function 里面参数都必须是字符串格式第三种方式执行效率低，也不方便书写，因此较少使用所有函数都是 Function 的实例(对象)函数也属于对象1.2 函数的调用方式普通函数对象的方法构造函数绑定事件函数定时器函数立即执行函数2. this2.1 函数内 this 的指向这些 this 的指向，

2021-09-02 14:05:21 286

原创 JavaScript高级之ES5 中的新增方法

3.1 ES5 新增方法概述ES5 中给我们新增了一些方法，可以很方便的操作数组或者字符串，这些方法主要包括：数组方法字符串方法对象方法3.2 数组方法迭代(遍历)方法：forEach()、map()、filter()、some()、every()；1）array.forEach(function(currentValue, index, arr))currentValue：数组当前项的值index：数组当前项的索引arr：数组对象本身2）array.filter(func

2021-09-01 16:50:11 233

原创 JavaScript高级之继承

ES6之前并没有给我们提供 extends 继承。我们可以通过构造函数+原型对象模拟实现继承，被称为组合继承。2.1 call()调用这个函数, 并且修改函数运行时的 this 指向fun.call(thisArg, arg1, arg2, …)thisArg ：当前调用函数 this 的指向对象arg1，arg2：传递的其他参数2.2 借用构造函数继承父类型属性核心原理：通过 call() 把父类型的 this 指向子类型的 this ，这样就可以实现子类型继承父类型的属性。.

2021-09-01 14:14:51 166 1

原创 JavaScript高级之构造函数和原型

1.1 概述在典型的 OOP 的语言中（如 Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6之前， JS 中并没用引入类的概念。ES6，全称 ECMAScript 6.0 ，2015.06 发版。但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。在 ES6之前，对象不是基于类创建的，而是用一种称为构建函数的特殊函数来定义对象和它们的特征。创建对象可以通过以下三种方式：对象字面量n

2021-09-01 13:48:37 186