前端以vue为基础的项目总结

三次项目汇总总结
招新小组后台管理系统页面：
➢ 负责：页面模块开发，
➢ 技术：电脑端的element-ui组件和vue框架。
首次了解了方法的请求封装，响应封装，方法的封装（但是没有具体掌握），第一次接手项目，压力有点大，态度上很认真，常常12:00之后回去休息，所以项目上基本按时交付，没有出现太大纰漏，技术上对vue的了解稍微恢复一点，技术上对组件的了解更加熟悉一些，
对组件的使用的心里上，有很好的改观，没有之前的陌生感和恐惧感。对组件的选择器的深入了解，对自己负责的模块的开发目标很是明确，知道自己负责哪一块，页面上的开发逻辑比较明晰。状态上有压力，害怕因为自己负责的模块延期，状态上比较好。
按时完成了开发任务，按时交付了任务，态度比较端正。

社团招新后台管理：
➢ 负责：单页面开发，
➢ 技术：vant组件以及vue框架，
本次开发周期较长，开发任务比较明确，由于经历了一个项目，对开发单页面并不是太陌生，开发周期较长，态度上有点松懈，也还是按时交付，本次了解了前端拦截器，配置基本的前端环境，了解基本的前端请求和响应拦截器，使用axios添加相应的请求头。心态上对项目没有太多的恐惧感。使用了文件上传，使用了第三方。

小组管理系统：
➢ 负责：前端负责人，开发页面。
➢ 技术：vue，vant,axios,qs,富文本插件，自适应插件。
➢ 技术上的问题：
环境（软件）的使用：
第一次使用gitlab的，配置gitlab的ssh秘钥，能正确访问团队中的仓库。了解到配置ssh秘钥不仅仅是gtihub上需要配置，而是你在相应的代码管理工具上进行配置，包括码云上。
由于第一次使用gitlab，使用过程中有点迷茫，推送PR以及合并请求以及重新删除仓库进行重新克隆，都不会，开始的操作过程中有点不舒服，不过渐渐的掌握之后就好点。
技术的使用：
vant组件使用没有想象中的熟练，不能直接及时的解决问题。
封装组件的使用：插槽的使用第一次尝试知道了组件复用的好处，子父组件传值的使用。
方法调用的时候的传递参数。对于多个重复的方法的封装处理（有待学习）。
自己对使用axios中的方法的携带参数的情况，自己原本不是很了解，没有注意到需要去axios中文文档上面认真看看相关api,对所应用的知识了解的不是很全面。但是遇到axios中的问题，按需去看api文档，自己还是能比较快的看的懂的。
比如，get方法传参可以在路径上进行拼接，也可以使用{ params: params }params 对象进行参数的键值对进行传递。
Put方法传递参数的时候，应该携带键值对的对象等。

qs插件的使用，将参数进行序列化，像get请求一样将参数拼接起来。

Vue书写规范中，变量结束使用逗号，对象结束使用分号。
假如后端配置了跨域问题，前端发送的方法名与后端所接收的方法类型不一致，会发生跨域问题（这个问题好弱智）。

➢ 路由跳转不显示问题：
1，自己的路由路径写的有问题（能正常跳转，但是不能显示页面，可能是根据这个路由，找不到相应的文件页面，）。
2，没有正确在父页面中写出子页面显示的标签（ ）
3，注册的路由中含有错误文件路径，找不到应该显示的页面。
➢ 前端路由跳转是使用的哈希跳转，
➢ Html知识：在一个父级盒子中，第一个盒子需要被挤下来，直接使用margin-top是不行的，margin是针对同级盒子而言的。
➢ Vue根据v-bind动态绑定路径，
方法中的传参，将在组件中循环出来的数据，需要单个调用的时候，可以使用方法进行传参，竟然卡了三十分钟，有点丢人。
➢ 打印后端传进来的数据，返回的数据是Promise对象，原因是没有使用异步函数获取，可以在函数前加上async个await.可以正常获取。
➢ 路由守卫：未登录跳转到登录页面，一个在路由中简单的函数。
包括前置守卫，后置守卫，组件内守卫，等，找了一篇总结的不错的知乎技术文章：https://zhuanlan.zhihu.com/p/59889754
➢ 使用路由进行配置标题导航，需要配合路由守卫联合使用。

➢ 统筹的上安排：
确定项目上的需求明确，确定好人员安排，人员安排好之后，先让领导看一下（尽可能是涉及到的所有领导），以避免因为人员做项目而导致事情上的一些安排不合理。
要给每个人非常之明确自己的任务，包括前端页面和前端页面中的业务逻辑。需要将每个人的任务在钉钉。
刚一开始的时候任务分配不是很明确，没有再钉钉代办里面进行标注，导致之后项目进度上能很好的把握，导致自己心慌，项目进度没有很好的明晰出来。
没有给后端交流好，接口api上没有注明是哪位小伙伴写的接口，导致前端测试的时候接口有问题，不能明确的给后端的某个小伙伴进行交接交流。
➢ 前端环境配置：
建立vue项目时候项目出错，建立项目的时候使用了两种不同的方式进行创建项目，一个是webpack，一个是直接cerate创建，两个创建出的文件目录有些不同。
创建vue项目的时候可以使用vue2 webpack创建和vue3 create创建，本次使用了两个创建方式，发现两个创建方式出的目录是不一样的，现在一般使用vue3创建方式。配置vux组件库没有配置成功，在这个过程中让自己对安装依赖有了一些认识。（需要发一篇技术博客进行总结一下两个的不同）。
刚一开始没有给后端的技术人员商定好数据传输格式，以及传输规范下次注意。现在所知道的传输格式分别有：fromdata，json，FromData()（文件类型）。
配置前端主题颜色：在index中的css样式中直接配置 --themeColor: rgba(0, 179, 138, 1); 变量属性即可，然后在需要调用的地方，使用background-color: var(–themeColor); 即可。
前端环境的配置没有考虑周到，比如小图标的配置没有考虑到，文件夹的提前分类没有配置，接口（api.js）文件没有分类处理，导致所有方法放在一个文件中，比较臃肿和不好管理。
全局请求拦截器和响应拦截器的配置。

➢ 项目同步会议至少两天开一次。
做一个前端负责人，或者说做一个项目负责人，需要对自己的所使用的或者所用到的知识比较熟悉，这样才能在项目中游刃有余，作为一个项目负责人要摆正自己的心态。
感悟：经过这次前端负责人，学到了之前很多没有学过知识，管理上，交流上，技术上，心态上，经过本次学习，感觉自己对前端学习还能学明白点，没有后端的那么懵，心态上就是要将自己做成负责人，落实好每一点事情，做好项目任务分配，规定截止时间。及时同步项目。
做项目或者学习时，自己对所需要的操作的环境熟悉程度还是比较高的，比如代码管理工具，gti,gitlab,开发环境（编译器）。

前后端进行交流的时候有很大问题，前端需要后端改接口，后端改了接口没有及时给前端说，交流沟通上消息不是实时的。