作者:Y死一般的痛过 | 来源:互联网 | 2023-07-17 08:31
最近做一个react的个人项目,pc端已经差不多做好,这里可以尝试访问。
现在打算做移动端(不是app,移动端网页)
由于自己的移动端设计稿和pc端上有不少功能组织上的区别,页面变化也非常大,因此不能简单的用c
ss媒体查询搞定,最好是两套单独的组建。
这里我想请问问大家关于这种项目pc端和移动端文件组织和代码重用的实践。
我的想法是这样的:
入口处判断是pc还是移动端,渲染不同的路由组件和根组建。
但是之后的问题在于,自组建pc端和移动端还有很多功能上几乎一样的,如果对于这些一样的功能的组建,用
1
| if(pc)render(pcElement)else{render(mobileElement)} |
这样其实管理起来很不方便,而且还会在最终产品中产生很多冗余代码。另外有的pc端和移动端也并不是只有render不一样。
现在react好想也并不很推荐使用mixin这类,后来又想到高阶组建,但是自己这方面也用的不多,也觉得稍微有点麻烦,不知道这算不算一个好的解决办法。
其实还有关于文件组织的事情,我觉得一个好的文件组织可以提高很多效率,这个方面也希望能有好的案例看看。
所以我在这里想问问大家有没有什么好的案例或者自己好的心得体会,分享一二,我在这里先谢过了~