1.使用element-ui组件库的layout组件结合sass对页面进行布局，将、热门、周边、国内和我的四个功能导航栏固定在页面底部，并使用路由懒加载实现页面之间的跳转。 2.产品页面分类使用了tab切换并固定在左边，并使用了keep-alive避免了数据的反复渲染提高性能。 3.使用vuex存了用户的一些信息和一些公共数据，解决了多个页面重复的向服务器发送请求、减少了服务器压力 。 4.国内页面的搜索框使用了filter实现了模糊查找，通过实时监听用户输入的内容来展示相应的数据。

1.通过封装axios 来进行数据请求，将后端数据拿到渲染到首页，用 swiper 插件实现首页轮播图功能。 2.使用了Vant来实现大数据列表的分页。对产品页面的数据做了触底懒加载优化。 3.利用 webpack 的 code-split 优化， 使用 vue-router 做按需加载以及首页加 loading 或 骨架屏，解决首页白屏 加载速度慢问题。 4.用 vuex来记录用户点击加入对比的数据，并使用vuex-persistedstate实现持久化。 5.把子页面的头部和搜索功能封装为组件 实现对代码的复用。 6.地图模式使用公司内部封装好的组件实现记录隐患经纬度在地图上回显隐患位置。

1.负责公司系统业务需求优化改进，参与项目功能的设计与开发。 2.使用微服务qiankun把项目当做父应用调用API实现子应用的接入。 3.使用echartst图标完成热力图并组装热力图所需要的坐标、饼图、折线图。 4.首页列表数据采用loading加载、分页和懒加载来提高交互的性能。 5.使用vuex来记录用户选择的机型、并显示一个历史记录选项。 6.使用vue的全局前置路由守卫来控制用户进入能力检测页面的数据展示。