Wopelo的博客

1.前言 最近在看redux相关的东西，发现redux也有中间件一说。之前接触的express、koa也有中间件的概念，而axios中也有拦截器这种相似的机制，那就正好梳理下这些概念的原理。 阅读本篇文章之前，读者应该对axios、koa、express、redux有所了解。 2.axios拦截器 2.1 注册 const axios = require('axios') axios.interceptors.request.use((config) => { console.log('请求拦截

众所周知，React 使用 JSX 来替代常规的 JavaScript，但jsx使用的是ES6b标准，而目前很多浏览器仍然只支持ES5，所以我们就需要将jsx转成普通js。在生产环节中，我们通常直接将jsx编译为js，但自己调试的时候可以加入browser.js在浏览器端转换jsx文件，虽然这样会导致项目加载速度变慢，但却方便与调试。 从Babel 6.0开始，不再直接提供浏览器版本，而是要用构建

问题 最近在试着用react做一个音乐播放器，在这之前其实并不了解styled-components，但由于使用css in js并且想实现hover效果，百度各种解决方案后发现了styled-components这个好东西，如果你看到了这篇博客，就证明你应该了解或者熟练运用styled-components了。 回到项目开发中，一个音乐播放器应该由多个组件组成，其中有一个list组件用于展示...

前言 如果我们从零开始用webpack + es6来结合react开发前端应用，那势必会在各种webpack配置中消耗大量精力，于是便有了各种脚手架，create-react-app就是其中之一。 对于css modules，在react中，通常用它来避免预料之外样式规则相互覆盖以及实现其他功能。 配置 弹出配置文件 如果直接使用create-react-app搭建一个项目，所有的配...