项目的结构千变万化,万变不离其宗。
- 初入手react,觉得react甚为麻烦,用了一段时间之后,才体会到其中的妙处。vue是很清晰的数据和dom分离,react的JSX让一些操作更方便。
- 在项目的结构上,一定要思考什么是公共的组件,如何抽取,如何封装。很多时候,开发的时候,很容易出现的一个问题,就是需要什么组件就开始编写一个很复杂的组件,比如说,封装一个chart图表,页面中展示的有一些其他标题什么的,做的时候就直接封装进去,后期再有新的标题样式就不敢再维护了。组件的封装应该是有层级的,从基础的开始,一层一层抽象出来,非常利于后期的维护,就像刚才说的一个带有 title的组件,可以做的是把title和图表拆分成两个组件,组合起来新的组件用在页面中,也可以直接在页面单独引用两个组件来写。后期变化的时候就只改变基础组件,考虑好情况,不影响已使用的页面。
- 如何抽取公共组件?用的很多的,一定要抽取到最基础和最全面的组件状态。方便管理后期的样式和内容的增加删除,
- 标签内的style可以尽量少用,可以抽取出公共的类。有颜色的,一定要考虑整体的页面色号定义,在公共文件定义好,使用less的变量引用,实在特殊的单独定义。
- 控制好api管理,简单基础的数据就不写那么多复杂的步骤了。