自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 react路由按需加载

在单页应用中,路由按需加载是十分有必要的,如果一次性加载全部js的话,随着应用的功能丰富,js文件也必将增大,那么第一次下载的时候必将变慢,影响用户体验。本文分享react-routerV4版本的按需加载。异步加载包装组件首先我们需要一个异步加载包装组件import { Component } from 'react'export default class Bundle ex

2018-01-21 21:54:07 656

原创 react组件开发

本文分享一个react动画组件开发过程。以一个从底部弹出的弹框为例: 类似于actionSheet一样的从底部弹出的弹框。思路1、点击按钮底部弹出弹框 2、同时遮罩背景显示 3、点击遮罩背景时弹框向下弹出去,背景消失。 一、背景遮罩实现 考虑到遮罩在多个地方使用,故封装成组件。结合redux开发,代码如下://app.js 在全局app中引入mask组件,全局可用

2018-01-14 13:40:59 568

原创 react项目代理配置

使用create-react-app创建项目后,在本地开发时 ,配置请求转发是常见的。配置转发之后我们在本地环境就能请求到服务器的接口。 使用以下命令生成本地webpack配置文件npm run eject生成配置文件后,就到配置代理了,也就是请求转发。create-react-app创建的项目与其他的不同,需要在package.json中配置。"proxy":{ "/

2018-01-13 21:11:31 15209 1

原创 vue-cli项目webpack打包后iconfont文件路径问题解决

在使用vue-cli创建vue项目时,可以自动生成webpack文件。使用npm run build即可打包发布生产文件,打包后的文件 可以看到使用url-loader处理后的文件是在static目录下生成fonts目录下的文件。全部样式文件打包在css目录下app.hash.css文件中。 但我们会发现发布后,会存在字体文件找不到的问题,查看css文件发现是iconfont字

2018-01-11 23:01:49 12119 7

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除