自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 (PC、小程序)表单动态渲染方案

PC:原页面全部采用elementUi组件堆叠方式输出,代码非常冗余,新开页面(购入系统到此方案落地前)采用JSON配置生成,所有JSON均单一考虑PC端没有统一口径。PC、小程序统一走JSON配置化页面生成,形成完整的组件库及JSON转换器,同业务复用JSON,JSON远端部署(CND\OSS),随时改随时生效。小程序:原页面及新开页面全部采用小程序原生组件或者vant组件堆叠方式,没有JSON配置化,更没有统一口径。一套JSON双端复用,减少重复字段核对工作,开发&测试提效。

2024-12-13 10:46:07 293

原创 keep-alive原理及实践

解决办法:通过include参数来控制,只对当前tags时打开的页面进行缓存,关闭当前tag时,此页面缓存清除,这里一定要注意我们这里绑定的cachedViews路由的path所以我们需要将页面组件的name名称替换成当前页面的路由。PS:这里最好的解决方式是通过在router列表的meta上面加上缓存标签,我们这里router路由在后台管理,后台说是不太好改结构,所以缓存页面在前端写死了。kee-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。也就是所谓的组件缓存。

2024-12-03 15:18:04 742

原创 水印相机

收资页面上传的照片基本上都需要水印,当前所有水印均是用户使用第三方水印相机拍摄之后再通过小程序上传,过程麻烦冗长,收资本来拍摄的照片就非常多,加上每个图片水印相机信息设置-水印拍照-照片上传,花费的时间非常长,并且容易出错。

2024-12-03 15:17:42 760

原创 一个So简单的前端低代码

自定义操作可以有任意个,总共包含3中自定义类型:跳转地址、二次确认调用接口、表单弹窗提交{ // 跳转地址类type: '', // 操作类型isOutside: '', // 是否是批量操作按钮btnText: '', // 按钮文案btnType:'', // 按钮类型jumpUrl: '', // 跳转链接地址showCondition: '', // table行按钮展示条件},{ // 二次确认直接调用接口type: '', // 操作类型。

2023-10-20 10:20:12 329 1

原创 基于vue3配置化后台组件库

vue3组件库,通过json配置化的方式生成界面,基于配置化生产界面,配置与ui框架无关,故可以同时兼容element-plus和ant-design-vue 组件

2023-06-20 10:49:00 478

原创 基于vue3+ts配置化table表格组件实现浅析

基于vue3+ts配置化table表格组件实现浅析,同时兼容element-plus和ant-design-vue

2023-06-20 10:42:29 4646

原创 基于vue3+ts配置化form表单组件实现浅析

基于vue3+ts配置化form表单组件实现浅析,同时兼容element-plus和ant-design-vue

2023-06-20 10:41:52 6823

原创 vue3+ts组件库发布npm并实现按需引入

vue3+typescript组件库发布npm包,并实现按需引入功能(付源码及组件库实现基础原理浅析)

2023-06-20 10:39:02 4171

原创 vue3+ts组件库同时兼容多种ui框架

vue3+ts组件库同时兼容多种ui框架实现方式浅析,付源码(element-plus、ant-design-vue)

2023-06-20 10:38:02 606

原创 Promise使用

1、Promise遵循规则Promise 是一个提供符合标准的 then () 方法的对象。初始状态是

2023-04-03 14:51:40 69

原创 qiankun引入vue3子项目实践

qiankun引入vue3子项目实践背景vue3优点就不

2023-03-28 09:47:48 1211

原创 antd design TreeSelect 改造

antd design TreeSelect 改造1.背景对于部门树组件,

2023-01-05 13:34:58 1185

原创 钉钉H5微应用、微信H5微应用如何去掉缓存

继续肝,更改完webpack4配置反复的打包测试、对打包文件进行对比,发到钉钉,手指微微颤动的点击了一下界面,竟然没有触发缓存,连续试了多次,居然都没有触发缓存;我看了看天花板,看了看表,又看了看天花板,又看了看表,瞬间泪如泉涌,表显时间10.31,那一分钟是对我骄傲的惩罚,肝完收工,明天继续肝.看天花板,看了看表,又看了看天花板,又看了看表,瞬间泪如泉涌,表显时间10.31,那一分钟是对我骄傲的惩罚,肝完收工,明天继续肝.灵机一动,有缓存,那就让他缓存,去适应他的缓存就好了,莫急,方案已在来的路上了.

2022-12-15 20:00:49 2441

转载 长列表无限滚动原理分析及其实现

长列表无限滚动原理分析及其实现

2022-12-15 18:28:06 1100 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除