为写出赏心悦目、容易维护的代码而探索

从事前端工作5年了，在这随便写点东西，做过医疗、电商、后台管理等项目，数据可视化、视频播放、影像展示、报表导出等功能都涉及过，H5端PC端小程序公众号、APP混合开发都做过，主要擅长Vue2、Vue3、Uniapp、原生小程序，欢迎前来批评指正

原创从零到一大屏开发过程记录

从零到一大屏页面开发，满满的干货

2024-04-17 10:06:21 5576 9

原创大屏大概是怎么个开发法（前端）

关于项目的维护与新增需求过程中值得一提的事

2023-09-25 09:45:00 9941 7

原创 dicom胶片展示，使用基石插件cornerstoneTools完成

医疗项目门面

2022-10-12 15:42:08 3416 24

原创前端部署后页面“抽风“？可能是缓存这个坑在搞鬼！

前端缓存坑太多？教你几招轻松解决环境切换后的缓存问题1前端打包相关文件的配置加点内容2每次从登录页登录前端做个标记,强制刷新页面清缓存3部署nginx文件里设置不进行资源缓存

2025-09-16 10:15:00 1110

原创项目安全问题——前端两步完成加密

本文介绍了前端SM4加密与接口签名方案，用于银行安全测试防护。主要包含：1）登录接口使用SM4加密传输，密钥为"65d3ea57d0756fcc"；2）所有接口增加签名机制，包含nonce、timestamp等header参数；3）签名采用HMAC-SHA256算法，key为"xiamenbank@2025"。方案通过请求拦截器自动处理加密和签名生成，需配合uuid、sm-crypto等库实现。

2025-08-25 10:30:00 756

摘要：本文介绍了在已完成的Vue3+ElementPlus项目中实现简繁体切换的解决方案。通过全局混入自动转换页面文字，结合ElementPlus多语言包处理UI组件，并使用chinese-s2t库强化转换功能。针对ElMessage的特殊处理方案可确保提示信息正常显示繁体字。文中提供了详细的代码实现步骤，包括main.js配置、消息拦截器编写和全局方法覆盖，同时指出对表单placeholder等特殊场景需要单独处理。该方案改动较小，适合已开发完成的项目快速集成简繁体切换功能。

2025-06-27 10:29:49 1012

原创 vue2结合echarts实现数据排名列表——前端柱状进度条排行榜

当我们直接拿别人二次开发过的echarts图，发现有点无从下手，搜索后也没发现有啥好属性，某处边距就是很宽看着难受。父元素相对定位，子元素绝对定位，直接调整子元素Echarts图的宽高来缩放图表，通过定位，让框与框的间距消失。那么怎么真真正正的解决上述几个问题呢。解决前代码：根据父元素可视高度实现。解决后代码：根据数据数量多少决定。），准备在此基础上向UI靠拢。直接搜到类似在线代码（

2024-10-24 09:30:00 2023

原创关于在浏览器新标签页重新登录后旧页面没刷新导致一系列问题的解决方法

关键：页面登录标记与本地缓存标记不同，就刷新页面更新标记。

2024-07-08 11:02:14 858 1

原创 Echarts使用感受

注意：接下来是我对echarts主题覆盖的手把手教学（vue）

2023-10-10 09:10:12 956 8

原创修改依赖包下的子依赖版本，前端项目安全扫描出来的漏洞——解决过程

然后我去网上找webpack3升级5的文章，跟着文章一步一步操作看行不行,坑太多了，这项目是很多年前的项目，很多配置都没注释，跟着网上的文章项目运行不起来，不知道哪里出了问题，这样下去时间成本太高，我决定要使用之前被我否定的强行修改子依赖的方案，兜兜转转还是得这招，虽然最后会留下7-8个必须要升级大依赖版本才能解决的漏洞，但这已经达到我们项目组的预期了。每次我们都是直接忽略，实际这些组件漏洞大部分都是——可能会导致项目被攻击后运行缓慢这种无关紧要的‘假漏洞’，存在矫枉过正的意思。

2023-06-12 10:03:13 8077