在src目录下面创建一个api文件夹 api里面创建index.js和request.js文件 index.js import axios from "axios" var service = axios.create({ baseURL: "/api", //所有的请求都会带上 /api "con ...
分类：
移动开发 时间：
2020-02-26 22:52:25
阅读次数：
169
一、组件复用概述 在实际开发中，如果有个功能基本一致，那么如何来进行处理： 就是将两个功能，进行抽离封装成一个公用的组件，来进行使用，来进行复用(联想函数封装) 在封装组件的过程中，需要封装哪些东西：1.state -- 数据 2.操作数据的方法 React 中的解决方案(两种方式)：render- ...
分类：
其他好文 时间：
2020-02-26 20:47:14
阅读次数：
128
一、定义 高阶函数：函数接受函数作为输入，或者输出一个函数。 高阶组件：接受React组件作为输入，或是输出一个组件。即hocFactory:: W: React.Component => E: React.Component 高阶组件让代码更有复用性、逻辑性、抽象性。 二、实现高阶函数的三种方法。 ...
分类：
其他好文 时间：
2020-02-26 18:29:14
阅读次数：
108
1.子传父 子组件事件调用父组件事件，将State或其他值当成参数传过去，父组件调用该参数，达到传值的效果 2.父传子 利用props属性传值，this.props.data ...
分类：
其他好文 时间：
2020-02-26 15:28:36
阅读次数：
71
使用shouldComponentUpdate( ) 生命周期函数，减少render函数的执行，减少对未发生改变的DOM结点的重复渲染。 若从父组件传来的content内容未发生改变则返回false（此部分查看React中生命周期函数文章） ...
分类：
其他好文 时间：
2020-02-26 01:49:39
阅读次数：
59
1，效果图如下 2，分隔数组split(",") 3，详细代码代码如下 const leadsDetails = this.props.leadsDetails; const audits = JSON.stringify(leadsDetails) !== '[]' ? leadsDetails. ...
分类：
其他好文 时间：
2020-02-26 01:42:01
阅读次数：
316
1. 作用域的修改放在constructor中 2. setState异步函数 setState内置了性能优化的机制,它是一个异步函数,可以把多次的数据改变结合成一次来做,这样的话降低虚拟DOM的对比频率，来提高性能 3.虚拟DOM React底层运用了虚拟DOM，他还有同层比对，key值的调用，来 ...
分类：
其他好文 时间：
2020-02-26 01:37:44
阅读次数：
66
常见的移动端布局方法 flex布局，很重要！！ 其他的布局，你掌握也就ok了，但是这个布局，你一定要非常非常熟悉，因为我们后面的前段框架react 以及手机端混合app开发，微信小程序开发都是用的是这个布局。 我做了以一个仿 携程网的移动端首页，供你参考 flex布局原理 1. 这个是“弹性盒子”布 ...
分类：
移动开发 时间：
2020-02-25 20:25:16
阅读次数：
100
多个不同输入框共用一个方法时使用useCallback: params = initParams = {code: "code_test", name: "name_test"} const onInputChange = React.useCallback((e: React.ChangeEven ...
分类：
其他好文 时间：
2020-02-25 18:14:20
阅读次数：
60
该文件主要涉及到离线支持和网络恢复能力 一个好的渐进式 Web 应用，不论网络状况如何都能立即加载，并且在不需要网络请求的情况下也能展示 UI （即离线时)。 再次访问 http://Housing.com 渐进式 Web 应用（使用 React 和 Redux 构建）能够立即加载离线缓存的 UI。 ...
分类：
Web程序 时间：
2020-02-25 17:49:42
阅读次数：
385
