一个简单趣味的pc-react站
###技术栈
- React
- React-Router
- ES6
- Less
- Antd
- Mock.js
- Webpack
###运行 在目录中,运行指令
npm install
开发版
yarn run dev
发布版
yarn run pro
###历程(各种偷懒啊)
2.24
配置webpack与包管理
2.25
配置webpack开发热更新
4.6
使用stage-0编程,这样可以省去bind(this)
使用聚合数据API与localStorage做用户登录,接口只能接受username-aaa
4.21
完成电影详情页,首页
5.21
router的异步加载
###挖坑埋坑
- 公共的base,其他css引用不每次都要引用
- 豆瓣的API访问次数,30次/min
- 异步读取数据时,返回数据之前切换router会使页面报waring,setState nothing 用给路由一个状态this.mouted
- fetch时mock的数据需要放在服务器环境才能拦截http请求,未解决--需要配置node后台环境
- 组件样式问题,需要在渲染组件上引入,不应在容器组件上那应用样式,会导致再次使用时还需引样式
- fetch错误的catch怎么能统一返回一个数据组合?给一个state做判断,能不能统一返回一个DOM节点--不能
- 组件的大小样式是px像素,而当二次使用时不可适配,应使用百分比
- webpack打包无法处理jsx中的img标签引用,使用require()则会被编译
- [email protected]渲染是需要按照react-router-dom,没有hashHistory方法,推荐使用browserHistory,只有[email protected]才有hashHistory