- 博客(14)
- 收藏
- 关注
RSS订阅原创 前端配置代理解决跨域问题
由于页面开发中，是放在本地电脑上的调试的，访问的话通常通过IP方式（127.0.0.1）或者localhost来访问，与线上服务器所在域名不符，不能顺利进行接口调用。处于同域上（即域名，端口，协议相同）。这是为了防止某域名下的接口被其他域名下的网页非法调用，是浏览器对JavaScript施加的安全限制。(target server)之间的。引起的，是指页面请求的。
2023-04-15 16:32:17
774
原创 关于map forEach用法的区别
1. map() 会返回一个新数组，数组中的元素是原始函数经回调函数处理后的值， forEach() 总是返回undefined（包括空数 组的情况）,就是单纯的 循环遍历数组中的有效值的每一项 去执行一次回调函数 返回值是undefined 无法中止或跳出，提前结束循环 不可链式调用。都是循环遍历数组中的每一项,，都支持三个参数 item index arr(原数组)，都不会改变原数组 ,当需要重新格式化数组中的对象时，就要想到map。
2023-03-17 11:56:20
166
原创 关于redux
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-f1kiJq9d-1658234010892)(E\vscode_workspace\typora笔记\笔记图片\1658149566703.png)]获取当前store所对应的快照（通过下边这种方式查看store中对应state的当前状态）reducer函数用来返回一个新的state，（更新当前的state的一个中转）redux----没有集成在react中，而是需要我们引入的包第3方库。getState做了什么？...
2022-07-19 20:34:45
305
原创 react基础 - 脚手架 配置代理
使用create-react-app（脚手架工具）创建一个初始化项目1、下载脚手架工具：npm i -g create-react-app2、创建引用：create-react-app my-app3、运行应用：cd my-app（进入应用文件夹），npm start（启动应用） React脚手架配置代理 说明： 1、优点：配置简单，前端请求资源可以不加任何前缀 2、缺点：不能配置多个代理（如果请求的不同服务器就不行） 3、工作方式：当请求了自身3000端口不存在的资源时，那么会转发给5000端口（优
2022-07-11 14:40:49
312
原创 react基础 - DOM的Diff算法 消息订阅-发布机制
虚拟DOM中的key的作用：当状态中的数据发生改变时，react会根据【新数据】生成【新虚拟DOM】，随后react会进行【新虚拟DOM】和【旧虚拟DOM】的diff算法比较，具体的比较规则如下：用index作为key可能引发的问题若对数据进行：逆序添加、逆序删除等破坏顺序的操作时会产生不必要的真实DOM更新，造成效率低下 如果结构中还包含输入类的dom，会产生错误dom更新，出现界面异常 开发中如何选择key最好选中标签的唯一标识id、手机号等 如果只是简单的展示数据，用index也是可以的......
2022-07-11 14:33:50
174
原创 react基础 - 生命周期函数
1. 组件的三个生命周期状态: Mount：插入真实 DOM Update：被重新渲染 Unmount：被移出真实 DOM 2. 生命周期流程: * 第一次初始化显示: ReactDOM.render(, containDom) constructor() componentWillMount() : 将要插入回调 render() : 用于插入虚拟DOM回调 componentDidMount() ...
2022-07-11 14:25:01
112
原创 react基础 - 几个扩展概念
1. 受控组件和非受控组件***非受控组件：页面中输入类DOM的值，现用现取（几个输入项使用几次ref，所以不建议，效率低）***受控组件：给输入类DOM绑定onChange事件，随着你的输入，把数据维护到状态里，需要用的时候就把状态里保存的数据去取出来（类比vue中的双向数据绑定）可以省略ref的使用-推荐2. 高阶函数 如果一个函数符合下面两个规范中的任意一个，那该函数就是高阶函数1. 若A函数，接收到的参数是一个函数，那么A就可以称之为高阶函数2.若A函数，调用后的返回值依然是一个函数，那么A就可以称
2022-07-11 01:04:15
155
原创 react基础 - 事件处理
1. 给标签添加属性: onXxx={this.eventHandler}2. 在组件中添加事件处理方法 eventHandler(event) { } 3. 使自定义方法中的this为组件对象 在constructor()中bind(this) 使用箭头函数定义方法(ES6模块化编码时才能使用) 4. 事件监听 绑定事件监听 事件名 回调函数 触发事件 用户对对应的界面
2022-07-10 19:31:12
76
原创 react基础 - 组件实例的三大核心属性-refs
refs组件内包含ref属性的标签元素的集合对象 给操作目标标签指定ref属性, 打一个标识 在组件内部获得标签对象: this.refs.refName(只是得到了标签元素对象) 作用: 找到组件内部的真实dom元素对象, 进而操作它 在jsx中代码的注释（避免在结构中写注释） 1.内联的回调函数 2.class类绑定的回调函数 并在class用用赋值语句+箭头函数，，传入currentNode，，.........
2022-07-10 17:32:14
294
原创 react基础 - 组件实例的三大核心属性-props
props所有组件标签的属性的集合对象 给标签指定属性, 保存外部数据(可能是一个function) 在组件内部读取属性: this.props.propertyName 作用: 从目标组件外部向组件内部传递数据 复习一下ES6扩展运算符： 注意：1. props是只读的，不可以修改2. 类式组件中的构造器可以省略，构造器中是否接porps，是否传传给super，没大的影响，但会有一个this.porps的bug，就是在构造器中没办法通过实例.porps去取值，因此当需要通过this访问porps时
2022-07-10 17:15:25
133
原创 react基础 - jsx的介绍及其语法规则
React基础原理和使用 增加需求：给hello,React包裹一层span标签jsx方式： js方式： jsx的出现主要目的是为了 让编码人员更加方便的创建虚拟DOM分析一下，什么是虚拟DOM?本质是Object类型的对象（一般对象）虚拟dom比较轻（属性少），是React内部在用，无需那么多属性虚拟dom最终会被react转化为真实dom，呈现在页.........
2022-07-06 09:45:29
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人