- 博客(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关注的人