计划的任务
- 黑xx 页面对稿
- 接口对接
- React骑士团页面
实际完成
- 页面对稿+修改(2)
- 接口对接+模板修改(2)
- 视频播放(1个番茄)
- 2次代码合并与整合(2个番茄)
- React-Router(1)
总结
- 今天主要是修改页面,尽可能把静态页面全部整理好然后可以进一步交给CTO转成jsp文件。还有记得
display:block
不能与flex-box
一起用,因为flex-box原本就是display:flex
,相互冲突。 - 快速查找模块的方法与约定。对每一个模块都添加模块标识,用于快速查找。配合sublime的ctrl+P,一个copy一个paste,就可以找到想要的文件。
- React 和 React-router初学:
- 开始想用ES6 class新语法,class List却一直报错,原来在react上必须得继承一个Component。要么是
React.createClass({})
,要么是class List extends Component
。 - router的路径。用router呢,必须要有带一个history={hashHistory},根据阮一峰关于React-router的一文介绍
Router组件有一个参数history,它的值hashHistory表示,
路由的切换由URL的hash变化决定,即URL的#部分发生变化。
举例来说,用户访问http://www.example.com/,
实际会看到的是http://www.example.com/#/
不太懂...先记着,后面就是想说Router的路径都会在/#/后面,
<Router history={hashHistory}> <Route path="/" component={App}/> <Route path="/repos" component={Repos}/> <Route path="/about" component={About}/> </Router>
都是通过/#/repos和/#/about访问的,URL路径与之前的习惯有点不一样,应该是跟上面的history有关。