责任描述： 1、根据产品经理要求实现业务功能 2、与后端工程师前后台调成，完成功能交互 3、和测试进行沟通对项目进行优化 4、优化页面加载速度； 使用技术： 1，基于组件化开发的思想，封装各模块需要重复使用的组件，如面包屑导航栏、分类导航，提供代码复用率 2，对Tag标签组件使用Popover 弹出框进行鼠标右击处理页面刷新和选择性关闭 3，登录，首页页面flex进行布局，对menu和右边窗口进行滚动条优化，登录使用element的form表单组件进行规则校验 4，使用axios封装请求拦截器对请求的数据进行处理，完成后台数据交互 5，使用Less + Css变量+element ui的ColorPicker 颜色选择器实现动态换肤功能 6，登录成功后根据用户的权限，从后台获取路由配置信息，用router.addRoutes生成动态路由 7，使用i18n 国际化 项目难点： 1、打包性能优化主要是webpack，拆包和提取公共包；对模块分析，移除死代码，将多个模块合并到一个函数里面，减少内存占用，减少体积，提示运行速度 2、在项目开发中临时加上动态一键换肤功能代码改动较大，用样式规范表用变量定义主题色，一次性修改主题色方便后期管理 3、项目包含的功能复杂繁多，修改某个功能都需要整体打包构建，以及测试回归，牵一发动全身。在不涉及后端逻辑的，像样式什么的调整可以自己直接打包发布 代码体积越来越大，构建和发布耗时变长，影响开发效率。要对缓存优化，分模块构建。

主要负责： 1、跟产品以及设计师沟通了解产品需求以及效果 2、了解需求后要将设计师给的psd文档进行切图 3、负责首页及详情页等构建及公共组件的开发 4、根据后端工程给的传入的接口渲染到页面 5、不断调试项目功能，提升兼容性和易用性 6、项目日常维护 项目所用技术： 1、使用vue-monoplasty-slide-verify进行滑块拼图验证码； 2、运用节流，防抖，懒加载技术，减少路由重定向等优化提高浏览器加载速度； 3、采用*+验证码、*+密码及*扫码登录认证，其中*扫码登录结合环境变量，调用后端接口实现平台切换验证； 4、使用蓝湖加ps进行页面切图，实现对设计稿的高保真还原； 5、使用原生js监听滚动条位置来进行节流，减少请求发送 6、采用了rem布局的方式+media媒体查询的方式进行响应式布局 7、详情页面使用Echarts生成折线图，展示楼盘房价走势 项目难点： 1、根据用户的uuid对后端发送扫码登录功能的完整技术逻辑，向浏览器的服务器发送获取登录二维码的请求。服务器收到请求后，随机生成一个uuid，将这个id作为key值存入redis服务器，同时设置一个过期时间，再过期后，用户登录二维码需要进行刷新重新获取。 在绑定scroll、resize这类事件时，当它发生时，它被触发的频次非常高，间隔很近。如果事件中涉及到大量的位置计算、DOM 操作、元素重绘等，就会造成浏览器掉帧。针对此现象使用的解决方法，防抖和节流！降低了可控性，但是提升了性能和精确度。然后去优化 scroll 事件的触发，避免 scroll 事件过度消耗资源的。滑动过程中尝试使用 pointer-events: none 禁止鼠标事件。

主要负责： 1、配合后端工程师一起研讨技术实现方案，联调接口，进行页面渲染 2、根据设计稿实现后台管理系统布局 3、负责查询商品模块、输入*号、身份证号或者商品名称进行精准搜索 4、交给测试，修改测试提交的bug 5、日常的维护升级 所用技术： 1、使用NProgress进度条改善页面加载效果 2、在首页借用Echarts数据可视化工具利用饼形图和柱状图展示业绩和销售比例 3、实现了权限管理,因为每个用户要看到的页面和数据都是不一样的，所以使用pinia存用户的权限 列表，router.beforeEach进行路由拦截,动态添加路由路径，并根据token值判断用户使用存在跳转到 相应页面 4、使用Element Plus组件实现上传图片文件，进行表单验证以及表单验证的样式 5、使用插槽结合vue指令对后端返回的数据进行判断当前商品是下架状态还是在售状态。编辑时调用后台接口把得到的数据赋值给v-model实现数据回显 6、使用ts对类型约束避免普通变量和响应式变量的混淆问题！ 7、二次封装axios请求，使用拦截器配置公共请求头，处理服务器返回的数据 8、通过v-bind对css进行响应式处理实现主题样式切换 9、使用cookie进行登录数据存储