- 博客(13)
- 收藏
- 关注
RSS订阅原创 dva引入antd
//安装cnpm i babel-plugin-import antd -S//在.webpackrc.js里//配置：extraBabelPlugins: [ ['import', { 'libraryName': 'antd', 'libraryDirectory': 'es', 'style': 'css' }] ],
2020-05-27 14:30:12
394
原创 react 路由懒加载
//components/Loadableimport React from 'react';import Loadable from 'react-loadable'// 默认的 Loadingconst Loading = () => <div>loading</div>export default function (loader, loading = Loading) { return Loadable({ loader, loadin
2020-05-23 20:02:48
334
原创 瀑布流
// columnWidth: 200,// itemSelector: '.grid-item' // 要布局的网格元素// gutter: 10 // 网格间水平方向边距，垂直方向边距使用css的margin-bottom设置// percentPosition: true // 使用columnWidth对应元素的百分比尺寸// stamp:'.grid-stamp' // 网格中的固定元素，不会因重新布局改变位置，移动元素填充到固定元素下方// fitWidth: true // 设置网格
2020-05-23 20:00:28
269
原创 action封装
import { get, post } from '@/utils/request'import * as action from '@/constants/actionTypes'import api from '@/services/api'export function getData (options) { return { type: action.FETCH_LIST_ACTION, payload: get(api.findUser, options), }
2020-05-13 07:22:26
265
原创 constants_avtionType.js
// LOGINexport const FETCH_LOGIN_ACTION = 'FETCH_LOGIN_ACTION'// LISTexport const FETCH_LIST_ACTION = 'FETCH_LIST_ACTION'export const FETCH_LIST_DELETE = 'FETCH_LIST_DELETE'export const FETCH_LIST_ADD = 'FETCH_LIST_ADD'export const FETCH_LIST_EDIT =
2020-05-13 07:19:51
158
原创 reducer
const defaultState = { data: [],}export default function homeReduce (state = defaultState,action) { switch(action.type){ case 'FATCH_HOME_NAME': return {...state, data:action.payload.result.list} default: return state }}
2020-05-12 21:09:15
144
原创 action
import { post } from '../utils/request'import api from '../services/api'export function getName (options){ return { type: "FATCH_HOME_NAME", payload :post(api.listWithPage) }}
2020-05-12 21:08:08
136
原创 antd登录
import React from ‘react’import { Form, Icon, Input, Button } from ‘antd’;export default @Form.create({mapPropsToFields(props) {return {};},})class App extends React.Component {handleSubmit = e => {e.preventDefault();this.props.form.validate
2020-05-12 15:52:34
841
原创 store.js
import { createStore, compose, combineReducers, applyMiddleware } from ‘redux’import promise from ‘redux-promise’import thunk from ‘redux-thunk’import homeReduce from ‘./reducer/home’import detail...
2020-04-27 11:58:18
476
原创 axios拦截器
import axios from ‘axios’import qs from ‘qs’// 添加请求拦截器axios.interceptors.request.use(config => {// const obj = qs.parse(config.data)// obj.token = 2222// config.data = qs.stringify(obj)retur...
2020-04-27 11:54:54
153
原创 JavaScript 中对象的浅拷贝和深拷贝
对象的深拷贝与浅拷贝的区别如下：浅拷贝：仅仅复制对象的引用，而不是对象本身；深拷贝：把复制的对象所引用的全部对象都复制一遍。一. 浅拷贝的实现浅拷贝的实现方法比较简单，只要使用是简单的复制语句即可。1.1 方法一：简单的复制语句/* ================ 浅拷贝 ================ */function simpleClone(initalObj) { ...
2019-11-21 09:43:19
146
原创 Javascript & Css 实现 2048 小游戏
游戏规则## 标题每次控制所有方块向同一个方向运动，两个相同数字的方块撞在一起之后合并成为他们的和，每次操作之后会在空白的方格处随机生成一个2或者4，最终得到一个“2048”的方块就算胜利了。如果16个格子全部填满并且相邻的格子都不相同也就是无法移动的话，那么恭喜你gameover。*上面似乎也很多细节没有提到(这个给用户看足够了，对开发者来说还有一些小细节)比方说3个方块2,2,4,0要连...
2019-11-12 11:57:14
401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人