项目针对于B端公司业务，侧重于后台管理模块业务的开发

因为手机端要兼容不通屏幕分辨率的手机，考虑用webpack打包工具同一处理css样式，刚开始用了主流的lib-flexible+postcss-pxtorem方案，但这个方案有两个不足 1) 首先rem是相对于html元素字体单位的一个相对单位，从本质上来说，它属于一个字体单位，用字体单位来布局，并不是太合适。2) 开发实在电脑浏览器开启手机模式，显示的效果和真机的不太一样。因此采用了postcss-px-to-viewport 这个方案，将px转换成视口单位vw。

第二个问题，因为项目采用了vant，而vant团队是根据375px的设计稿去做的，一般我们的设计稿都是750的，就需要针对vant的包特殊处理下，原理是基于 webpack.resourcePath.includes(path.join('node_modules', 'vant')) ? 375 : 750;

typescript yyds! 开发过程中，有些类的方法记错了，或者函数的参数类型记错了，只有运行过程中看报错信息，一点一点排查，效率很低。我们在项目里引入了typescript,整个就不一样了，减少了很多意料外的错误，在编译期解决了项目80%的错误。

从 路由、公共方法、Http接口、状态机(vuex、EventBus)这四个方面，一遍遍雕琢自己的代码，争取做到让代码清晰易懂。这个项目带给我最大的收货，就是化繁为简，就如同盖高楼，地基打的牢，楼才能盖的高

后端用的java,相关技术，包含springboot,jpa,持久层用的jpa,搭配flyaway做数据库的版本管理，类似于laravel的migrate,可以版本回退;框架的数据分层，全项目分了三层，vo、dto、entity,结构清晰，用的mapstruct插件，自动做这三种数据的转换。所有业务对象的id生成，采用ksuid类库方案，生成随时间递增的32位随机字符串。本地测试用的h2内存数据库，去做单元测试。