记第一次独立开发PC端页面遇到的问题
11.2日下午，与波涛哥对接客车效益项目，第一次知道项目有主项目和子项目之分，子项目（后端）依赖于主项目上， 通过扩展包的形式加载（具体如何实现还需要后续了解），先启动主项目，后启动子项目，子项目后端的修改需要重启主项目，在这之后，我开始安装项目的依赖，我用npm install、cnpm install等形式安装主项目总会出错，后来问了涛哥和林哥都没有解决，时间就到了11.3日下午，直到超哥说用yarn install,问题才解决了，这时候我才意识到时间花费太多了，问了一个同事解决不了的时候，应该要及时问其他人~~吸取了教训！
11.3日下午开始布局，因为我是用flex布局，当天下午就完成了交路车次页面布局(80%)，11.4日上午基本上就布局完成了（100%）,但是后来在涛哥帮我评审的时候才发现我布局的方式不太对，就是层次分级不好，需要后面修改，他告诉我说能不用flex就不用，说兼容性不好，让我重新布局（这里等我有空再去操作一遍~）–代码评审里面的部分问题还没有及时解决（优化点，需要后期自己去看怎么涛哥怎么做的）
11.6日刚开始想自己写，后面发现写不出来，是因为涛哥的写法和之前看的项目（外部算子组件）不太一样，就先学习里面的写法，从模仿开始。涛哥当时和我说，先写好接口，在前端模拟假数据，因为后端是用sql原生查询获取数据，我当时一直不了解，就卡在这里了，后面通过自己的思考、查询才明白了，但是他是结合挺多条件的，我就只会做了无过滤条件的先去获取数据，因为自己没有用过mock去模拟假数据，所以我就没有使用这个方法，等有空我就去了解和尝试使用，避免下次有这个问题~~
11.7日，在周六加班的时候，我当时是想着点击查询，会弹出单联重联表，就在周六实现了这个效果，后来涛哥和我说，因为我是用两个折叠面板，里面各有一个表格，这样子的写法，就会导致我用表格的时候，用不了粘性头部（这里就是个bug,他说让我自己去写组件，点击按钮弹出dom,以后自己写），一个优化点。第二个是完成了排序功能（前端排序），我是直接在antd表格里面直接写a-b类似这样的方式去排，后面涛哥告诉我说，前端排序的话，是后端返回所有数据再排序，如果数据量太大的话，性能不好，就让我去做后端排序，因为是用ahooks，它里面封装好了，可以直接用，但是这样的弊端就不了解里面的做法了。
11.9日，查询车次类型，我是直接获取所有车型，再可以通过模糊查询，后面涛哥和我说，我的做法不行，车次类型和车型是联动的，比如说选了C开头的车型，查询就只能出现C开头的车次，就不能出现其他的车次类型，这样子的话，我又得重新做了~后面是涛哥指导才做出了，这里需要及时总结问题—联动查询（本周总结）
11.10日，折线图的完成，自己是模仿涛哥的写法，所以里面的代码部分是不理解的，这里需要自己去了解，同时看看涛哥是否有优化，对比自己的去反思。第二个问题是分页的问题，两个表格是不一样的分页，通过字段isReconnect去控制（一个接口，两处使用，不一样字段控制，请求两次），但是是同步了，所以又是一个问题呀，后面通过修改和请教，解决了问题。
11.11日，导出功能，一张表，导出两个表格，没有做过这个功能，后面是涛哥写好导出的功能，我自己去做实现，这里我请求了两次接口，通过不同的字段去控制，因为是两个接口，一上一下，都是通过await去编写，后面涛哥说我这样写，性能不好(用promise.all)，让我去观摩他的写法，导出功能我自己也去学习
11.12日，表格里面需要单位的，这里需要做转化，保留小数点哪些，有封装的方法，直接用，后面自己去学习好了
11.13日，发现了一个问题，就是不知道如何去判断点击的是哪个表的哪个字段弹出开行天数，由onRaw方法改为在columns里面render,但是如何去判断表的时候，就出现了问题了，涛哥告诉我，说我的组件方式拆错了，拆的太大，这样就需要写多重判断，很麻烦，就让我去重新设计，拆多点，后面就卡在这里了，等有空就去看提交的代码
总结：第一次编写PC端这样的页面，好多问题好多问题，不过很开心，遇到这么多的问题，能够接触到，以后学习到，就是最大的收获，感谢涛哥的教导！努力，继续前行
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
