- 博客(8)
- 收藏
- 关注
RSS订阅原创 react + react-router 实现 header 组件登录退出功能
这里是以简书的头部组件为例，这里使用了 styled-components 来编写样式，需要安装 styled-componentsnpm i styled-components --saveheader.jsimport React from 'react'import {Link} from 'react-router-dom'import {connect} from 'react-redux'import {GlobalStyle} from './../../statics/ico
2020-08-10 13:49:38
1145
原创 react-redux配合immutable的基本使用
首先需要安装 redux 和 react-redux 还有 immutablenpm i redux react-redux immutable --save创建 createStore，这里使用了 redux-thunk 处理 ajax请求，composeEnhancers 是配置页面中的redux插件的显示，借助 applyMiddleware 进行 redux-thunk 与 插件配置整合，具体的用法可以看这里https://github.com/zalmoxisus/redux-devto.
2020-08-08 10:10:33
393
原创 使用react-redux打造一个TodoList应用
首先需要安装react-redux，npm i react-redux --saveindex.js，导入 Provider，将创建好的 store 绑定到 Provider 中import React from 'react';import ReactDOM from 'react-dom';import {Provider} from 'react-redux'import TodoList from './react-reduxTodoList'import store from './r
2020-08-05 16:48:22
145
原创 redux使用axios请求数据的几种方式
首先先安装redux cnpm i redux --save，然后开始构建reduxactionTypes.js，此文件用于使用常量的方式存储action的type类型export const CHANGE_INPUT_VALUE = 'change_input_value'export const ADD_TODO_ITEM = 'add_todo_item'export const DELETE_TODO_ITEM = 'delete_todo_item'export const INIT_L
2020-08-05 12:34:26
1370
原创 git的基本配置
配置用户名git config --global user.name MessiStats配置邮箱git config --global user.email 1247737960@qq.com查看信息配置git config --list初始化git项目git init查看文件状态git status提交在暂存区中的文件git add远程提交git commit -m "提交说明"查看提交信息git log用暂存区中的文件覆盖工作目录中的文件git che
2020-06-06 21:45:39
198
原创 webpack详细配置（三）
webpack性能优化创建webpack.dll.js文件const path = require('path')const webpack = require('webpack')/** 配置这个模块的作用是为了性能优化，把引入的第三方模块暴露在一个全局变量下，这样就不会每次打包的时候都去node_modules里找模块* 借助webpack.DllPlugin去分析一下这个暴露出来的全局变量，然后把他缓存起来映射到一个文件里，再去配置 webpack.DllReferencePlugin
2020-05-30 15:27:00
127
原创 webpack详细配置（二）
webpack配置（二）const path = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')const {CleanWebpackPlugin} = require('clean-webpack-plugin')const webpack = require('webpack')module.exports = { mode: 'development', devtool: 'ch
2020-05-29 13:57:24
115
原创 webpack详细配置（一）
webpack配置const path = require('path')module.exports = { mode: 'development',//开发环境，打包出来的文件不会压缩 entry: './src/index.js', // 入口文件 module: { rules: [{ test: /\.jpg$/, use: { loader: 'url-loader'，
2020-05-27 23:17:34
175
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人