小猿猪哥的博客

之前在使用axios的时候都是封装成async/await的形式去调用，《react axios的使用 封装async/await》《vue 开发axios的封装async/await》。下面的代码和上面的息息相关。需求现在遇见这个一个问题，就是有一个接口需要在很多和页面调用，涉及到多人开发，不可能每个人的页面都去写一次，那么这里就需要再次的封装一下了。封装新建一个testRequ...

7月底开始，公的要把之前的一个项目增加国际化的需求。现在基本做完了，在转测阶段，就把之前的东西记录一下。效果图react-intl-universal包由于项目是react的，所以使用的是react-intl-universal。其实这个npm包的使用还是很简单方便的。具体实现看过我之前的文章的同学，估计知道我之前的页面结构和代码。在国际化之前我适当的修改了一下。但是展示的结构不变。实...

在这个月初的项目中，有这么一个需求，就是react页面和内嵌的iframe页面之间存在通信。期初这个需求还不知道怎么实现，后来经过百度，发现了postMessage，是可以实现的。现在做一个简单的小结：1.什么是postMessage，MDN-postMessage2.发送消息：const ruleIframe = document.getElementById('ruleIframe'...

其实有前面的9篇关于react 的文字，基本上就已经可以开发react项目了。关于项目的部署，这个和之前的vue基本一致，其实和vue也没啥关系，就是nginx的使用，如果是其他工具就是其他工具的使用。在近半年的开发中有如如下几点需要小结一下：react 中没有和vue中的各种指令，例如：列表循环vue: v-forreact: map()react 中没有全局的概念，vue中...

其实兄弟组件之间的传值，我这里做的是通过父组件做的中转，《react 父子组件之间的传值》，父子组件之间的传值可以看这个。效果图代码代码就不贴了，这里放出我的 git地址。https://gitee.com/hgdq/myblog.git...

之前在vue中使用axios，《vue 开发axios的封装async/await》。这里其实就是把之前vue中封装的axios 移植过来的。基本没变。这里不再多说了。封装// 网络请求 可以使用 async/await// 引入 axiosimport axios from 'axios'// 测试地址// axios.defaults.baseURL = ''; // ...

最近在做公司的项目用到了组件之间的传值，父子组件之间，兄弟组件之间的。今天有空就总结了一下，先记录下父子组件之间的传值。效果图页面其实很见到，为了演示效果，没做修饰。也是效果图count是父组件的state的一个属性；加按钮是父组件中的一个按钮；间按钮是子组件的一个按钮；父组件往子组件传值父组件代码：import React from 'react';import { Link...

在使用Ant Design的时候还没出对应的vue版本的，但是在写这个的时候早就出了vue版本的了，所有博客名字要加区分了。关于antd的使用先去看看在 create-react-app 中使用，如果有时间顺便把组件也都点进去看看。安装我使用的npmnpm install antd这个过程比较久，需要一点时间，如果出问题了就需要重来，需要一点耐心。代码中使用这个其实在上一篇《rea...

继续之前的react。最近把之前的几篇关于react的博客整理了一下，也整了一个小Demo。关于react-router-dom，大家可以先去看看它的github。这里不做介绍。只说说新建项目怎么使用。新建项目《create-react-app 快速构建react项目》。可以先去看看之前的文章。安装react-router-domnpm install --save react-rout...

从2018年12月19后以后就没有写博客了，一来是天气冷不行动手，二来是最近虽说有事但是真不知道写什么；其实就是自己变懒了。从2018年12月之后来开始，做的项目开始使用react了，没再使用vue。项目的前期准备工作不是我搞的。关于项目结构的好坏我不做评价。但是我意见最大的就是项目中使用了redux。这个也是今天的主题，是否真的需要redux?为什么会有这个项目本来这项目是不存在的。那么为...

安装 lessnpm install --save less less-loader配置 webpack.config.dev.js在目录：node_modules/react-scripy/config/webpack.config.dev.jsconst cssRegex = /.(css|less)$/;const getStyleLoaders = (cssOptions...

安装create-react-appnpm install -g create-react-app新建项目reate-react-app my-app运行项目cd my-appnpm start效果浏览器打开：http://localhost:3000/看见如下效果表示运行成功，至此新建项目成功。...

在开始之前我是参考这个做的：react项目的适配。我的在实际操作中会有点差异。安装flexiblenpm i lib-flexible --save 安装 postcss-px2remnpm i postcss-px2rem --save配置webpack.config.dev.js在目录中找到：node_modules/react-scripy/config/webpack.c...