项目描述： 该项目是用于光伏项目售前测算，快速录入现场条件，初步计算项目整体建设参数、投资参数、财务参数、节能减排参数等，可直接*搜索WonderPV查看小程序。 技术栈： Uniapp、Vant、Vue、UCharts 责任描述： 封装正则校验方法，避免代码冗余； 选用UCharts绘制数据图表，并实现交互； 解决小程序分享时，根据用户权限查看对应内容； 解决小程序分包问题； 二次封装Vant实现from表单功能。 项目收获： 通过给小程序分包，解决小程序过大无法打包，首屏加载速度优化等问题； 解决滚动页面中使用 Vant Field 组件时页面被推的问题；

项目描述： 该项目作为光伏运维管理中的重要一环，通过智能图像自动巡检光伏组件，诊断光伏组件的热斑、灰尘等故障，形成诊断报告，供运维人员分析。 技术栈： Vue、ES6、Swiper、Vue Compare Image、SSE、Html2canvas、jspdf、elementUI 责任描述： 二次封装elemenUI组件并快速搭建页面； 使用SSE功能上传多张图片，并实时查看相应状态； 选用 Vue Compare Image 组件库来实现图片对比功能； 封装指令解决el-button点击不失焦 + 用户重复点击问题； 封装指令解决按钮权限问题； 解决导出PDF时出现切割内容的问题。 项目收获： 通过遍历DOM元素，比较高度与A4纸高度，若超过则插入空白占位DOM，将元素推至第二页，解决页面切割内容问题，确保打印/导出内容与A4纸高度对齐，提升布局准确性和可读性； 在选择第三方组件库时，需要综合考虑兼容性、性能、体积、文档、社区支持、定制性和授权等因素。通过充分的调研和试用，选择适合项目需求的高质量组件库，提升开发效率； 将与特定的 DOM 元素、事件、表单、权限控制或动画效果相关的功能或操作封装成指令，可以提高代码的复用性、可维护性和可读性。

项目描述： 该项目是江阴光伏的数据可视化平台，为用户提供一个对光伏发电用电量直观的数据展示和分析工具。 技术栈： Vue.js、ECharts、JavaScript、Axios 责任描述： 二次封装ECharts组件，按需快速生成相应图表； 自定义封装列表无缝滚动组件以实现产品需求； 实现跨域跳转+免登功能； 优化页面性能，解决特殊操作造成的页面回流问题； 打包优化项目； 项目收获： 与UI设计人员配合根据产品需求定制封装ECharts公共组件，以实现产品级的组件复用； 进行跨域跳转，并在URL地址中拼接账号密码等信息（经过DES加密）来实现免登录功能。同时，通过与后端接口的配合，实现安全的身份验证和用户认证。 在封装组件之前需要多与产品经理和UI进行沟通，并与小组配合设计出详细的方案，以避免无效开发；