09 2020 档案

webpack
摘要：webpack 阅读全文
posted @ 2020-09-21 09:52 Cupid05 阅读(97) 评论(0) 推荐(0)
webpack
摘要：webpack 开发依赖devDependencies与运行依赖dependencies npm自己的文档说dependencies是运行时依赖，devDependencies是开发时的依赖。 即devDependencies 下列出的模块，是我们开... 阅读全文
posted @ 2020-09-21 09:52 Cupid05 阅读(37) 评论(0) 推荐(0)
在react项目中使用过echarts
摘要：在react项目中使用过echarts import React, { Component } from 'react'import echarts from 'echarts'// 指定图表的配置项和数据let option = { title... 阅读全文
posted @ 2020-09-15 15:29 Cupid05 阅读(31) 评论(0) 推荐(0)
在react项目中使用过echarts
摘要：在react项目中使用过echarts 阅读全文
posted @ 2020-09-15 15:29 Cupid05 阅读(208) 评论(0) 推荐(1)
react项目中，点击跳转到详情页中，url中的地址有变化，但是页面没有进行跳转
摘要：react项目中，点击跳转到详情页中，url中的地址有变化，但是页面没有进行跳转 阅读全文
posted @ 2020-09-15 15:05 Cupid05 阅读(1123) 评论(0) 推荐(0)
react项目中，点击跳转到详情页中，url中的地址有变化，但是页面没有进行跳转...
摘要：react项目中，点击跳转到详情页中，url中的地址有变化，但是页面没有进行跳转 解决方案:给路由加完全匹配 阅读全文
posted @ 2020-09-15 15:05 Cupid05 阅读(77) 评论(0) 推荐(0)
js对象的继承
摘要：对象的继承 面向对象编程很重要的一个方面，就是对象的继承。A 对象通过继承 B 对象，就能直接拥有 B 对象的所有属性和方法。这对于代码的复用是非常有用的。 方式一、原型链继承 这种方式关键在于:子类型的原型为父类型的一个实例对象。 //父类型fu... 阅读全文
posted @ 2020-09-11 20:26 Cupid05 阅读(39) 评论(0) 推荐(0)
js对象的继承
摘要：js对象的继承 阅读全文
posted @ 2020-09-11 20:26 Cupid05 阅读(221) 评论(0) 推荐(0)
js实现深拷贝的5种方式
摘要：实现深拷贝的方式 阅读全文
posted @ 2020-09-11 09:38 Cupid05 阅读(936) 评论(0) 推荐(0)
js实现深拷贝的5种方式
摘要：实现深拷贝的方式 JSON方法实现 //_tmp和result是相互独立的，没有任何联系，有各自的存储空间。let deepClone = function (obj) { let _tmp = JSON.stringify(obj);//将对象... 阅读全文
posted @ 2020-09-11 09:38 Cupid05 阅读(87) 评论(0) 推荐(0)
react中Context的使用
摘要：Context的使用 Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。 props单向数据流动： https://image-static.segmentfault.com/134/351/1... 阅读全文
posted @ 2020-09-10 21:40 Cupid05 阅读(65) 评论(0) 推荐(0)
react中Context的使用
摘要：react中Context的使用 阅读全文
posted @ 2020-09-10 21:40 Cupid05 阅读(144) 评论(0) 推荐(0)
react中link参数传递以及url乱码解决
摘要：react中link参数传递以及url乱码解决 阅读全文
posted @ 2020-09-09 17:29 Cupid05 阅读(774) 评论(0) 推荐(0)
react中link参数传递以及url乱码解决
摘要：react中link参数传递以及url乱码解决 1.可以通过动态路由的方式进行参数传递 ​ 传递：path="/acticle/:id" render() { return ( 文... 阅读全文
posted @ 2020-09-09 17:29 Cupid05 阅读(94) 评论(0) 推荐(0)
js中forEach结束循环
摘要：forEach只能通过 try catch抛出异常 才可以实现终端循环 阅读全文
posted @ 2020-09-08 15:54 Cupid05 阅读(38) 评论(0) 推荐(0)
js中forEach结束循环
摘要：js中forEach结束循环 阅读全文
posted @ 2020-09-08 15:54 Cupid05 阅读(1162) 评论(0) 推荐(0)
javaScript函数和方法的区别
摘要：函数和方法的区别 阅读全文
posted @ 2020-09-08 14:55 Cupid05 阅读(676) 评论(0) 推荐(0)
javaScript函数和方法的区别
摘要：函数和方法的区别 1）函数（function）是一段代码，通过名字来进行调用。它能将一些数据（参数）传递进去进行处理，然后返回一些数据（返回值），也可以没有返回值。　2）方法（method）是通过对象调用的javascript函数。也就是说，方法也是函数... 阅读全文
posted @ 2020-09-08 14:55 Cupid05 阅读(66) 评论(0) 推荐(0)
将逻辑运算字符串转化为逻辑运算进行运算
摘要：将逻辑运算字符串转化为逻辑运算进行运算 利用eval var a="+" console.log(eval(1+a+2)) 阅读全文
posted @ 2020-09-08 10:23 Cupid05 阅读(49) 评论(0) 推荐(0)
将逻辑运算字符串转化为逻辑运算进行运算
摘要：将逻辑运算字符串转化为逻辑运算进行运算 利用eval var a="+" console.log(eval(1+a+2)) 阅读全文
posted @ 2020-09-08 10:23 Cupid05 阅读(278) 评论(0) 推荐(0)
redux的使用流程
摘要：redux 阅读全文
posted @ 2020-09-07 21:30 Cupid05 阅读(586) 评论(0) 推荐(0)
redux的使用流程
摘要：redux React只是DOM的一个抽象层 Web应用是一个状态机，视图与状态是一一对应的 所有的状态，保存在一个对象里面（唯一数据源） 需要使用redux的项目 用户的使用方式复杂不同身份的用户有不同的使用方式（比如普通用户和管... 阅读全文
posted @ 2020-09-07 21:30 Cupid05 阅读(85) 评论(0) 推荐(0)
react类型检查
摘要：react类型检查 react使用prop-types库进行类型检查。 PropTypes 提供一系列验证器，可用于确保组件接收到的数据类型是有效的。 当传入的 prop 值类型不正确时，JavaScript 控制台将会显示警告。出于性能方... 阅读全文
posted @ 2020-09-07 11:22 Cupid05 阅读(92) 评论(0) 推荐(0)
react类型检查
摘要：react类型检查 阅读全文
posted @ 2020-09-07 11:22 Cupid05 阅读(258) 评论(0) 推荐(0)
for..in，for..of 和forEach的区别
摘要：for..in，for..of 和forEach的区别 阅读全文
posted @ 2020-09-07 09:17 Cupid05 阅读(187) 评论(0) 推荐(0)
for..in，for..of 和forEach的区别
摘要：for..in，for..of 和forEach的区别 1）forEach是ES5遍历数组的方法，初次之外还有map，filter，some，every，reduce，reduceRight等，只不过他们返回的结果不一样，但是使用foreach遍历数组的... 阅读全文
posted @ 2020-09-07 09:17 Cupid05 阅读(45) 评论(0) 推荐(0)
解决react跨域的两种代理配置
摘要：react两种代理配置 在项目文件夹中按以下路径找到devServer.js文件。进行代理配置 node_modules>react-scripts>config>devServer.js proxy:{ "/api":{ ... 阅读全文
posted @ 2020-09-03 19:22 Cupid05 阅读(82) 评论(0) 推荐(0)
解决react跨域的两种代理配置
摘要：解决react跨域的两种代理配置 阅读全文
posted @ 2020-09-03 19:22 Cupid05 阅读(804) 评论(0) 推荐(0)
react模拟后端接口及提交方式 json-server
摘要：react模拟后端接口及提交方式 阅读全文
posted @ 2020-09-03 17:15 Cupid05 阅读(1040) 评论(0) 推荐(0)
react模拟后端接口及提交方式
摘要：前后端并行开发的痛点 前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑 解决方法 在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock json-server 获取一个模拟的功能齐全的api接口 不需要敲代码 小于30... 阅读全文
posted @ 2020-09-03 17:15 Cupid05 阅读(149) 评论(0) 推荐(0)
react模拟后端接口及提交方式 json-server
摘要：前后端并行开发的痛点 前端需要等待后端开发完接口以后 再根据接口来完成前端的业务逻辑 解决方法 在本地模拟后端接口用来测试前端效果 这种做法称之为构建前端Mock json-server 获取一个模拟的功能齐全的api接口 不需要敲代码 小于30... 阅读全文
posted @ 2020-09-03 17:15 Cupid05 阅读(82) 评论(0) 推荐(0)
react组件间的通信-父子通信，子父通信，兄弟通信
摘要：react组件间的通信 父子通信 父组件可以将自己的状态通过属性的方式传递给子组件，然后子组件通过props获取到传递来的属性。 father.js父组件中 render() { let {list} =this.state... 阅读全文
posted @ 2020-09-03 11:38 Cupid05 阅读(53) 评论(0) 推荐(0)
react组件间的通信-父子通信，子父通信，兄弟通信
摘要：react组件间的通信-父子通信，子父通信，兄弟通信 阅读全文
posted @ 2020-09-03 11:38 Cupid05 阅读(325) 评论(0) 推荐(0)
react受控组件
摘要：react受控组件 阅读全文
posted @ 2020-09-01 20:10 Cupid05 阅读(171) 评论(0) 推荐(0)
react受控组件
摘要：react受控组件 大的方面：react组件分为函数式组件和类组件 表单元素而言：分为受控组件和非受控组件 非受控组件： 只需要在dom元素上面通过ref进行绑定取值即可。 受控组件： 受到数据的控制，使得react成为唯一的数据源. ... 阅读全文
posted @ 2020-09-01 20:10 Cupid05 阅读(47) 评论(0) 推荐(0)
react中数据承载--props和state用法
摘要：react中数据承载 react中数据承载的两种方式： ​ props: 自己可以设置默认属性，也可以从外部传入属性，但是外部传入的属性，自己只能用，不能用来修改 ​ state: 一般由自己控制，自己可以进行状态的更改。 props... 阅读全文
posted @ 2020-09-01 19:48 Cupid05 阅读(66) 评论(0) 推荐(0)
react中数据承载--props和state用法
摘要：react中数据承载--props和state用法 阅读全文
posted @ 2020-09-01 19:48 Cupid05 阅读(216) 评论(0) 推荐(0)
React获取DOM元素-ref属性
摘要：React获取DOM元素-ref属性 阅读全文
posted @ 2020-09-01 12:54 Cupid05 阅读(6337) 评论(0) 推荐(1)
React获取DOM元素-ref属性
摘要：React获取DOM元素-ref属性 类组件 通过ref给元素做标记（react不推荐使用） ref绑定-通过回调函数 通过回调函数方式绑定 给DOM元素添加个属性textInput 在钩子函数componentDidMount()进... 阅读全文
posted @ 2020-09-01 12:54 Cupid05 阅读(85) 评论(0) 推荐(0)