本周工作
- dragmove指令(给元素添加拖拽功能,并且可以保存位置)封装,替换项目中多处相关代码,同时写了文档放在doc下。
- 引入less,写了建议性的bem规范
- 针对具体的代码问题,提了4条建议
下周计划
1.新的需求评估、开发
2.eslint引入
3.git小工具
4.httpProxy完善
5.埋点相关优化
客户心声
产品和测试都是连接用户和我们输出的代码的,我们作为中间的一层,除了保证代码质量以外,也要去关心一些产品和测试关心的事情,比如加强自测、比如站在用户角度去思考产品功能。
学习与反思
- 面向接口输出视图:后端从数据模型开始,经过各种业务逻辑处理,最终暴露出各种协议的接口。前端负责把接口返回的数据渲染到视图。我们没必要去了解数据模型,只要把后端暴露的接口理清就好了。
- 代码存在的形态:不同的代码有不同的封装形式,我们项目中很多代码都直接写在组件里,没有使用vue模板提供的各种功能,比如很多直接操作dom的指令都应该封装成指令,作为通用资源存在。
- 代码拆分:项目中有很多大大小小的问题,需要不断的去优化,最大的问题是没有封装,没有层次化和模块化,把代码全部堆到了一起。
- 样式管理:样式的管理也很重要,模块化靠scoped和bem规范,具体的css代码使用less的变量、混合、嵌套都很重要,能使得代码更加易读、更易复用和维护,也会更简洁。
- vue指令的坑:vue封装过程中发现多个指令同时操作同一属性没法保证顺序的坑。
网友评论