- 博客(7)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 前端高性能渲染大型树形结构组件（附全部代码React、Vue）
问题：使用一般的tree组件渲染大量数据（如几千个树节点）的时候会非常卡顿，主要原因是页面中绘制的大量的Dom，滚动或展开、收起不断造成页面重绘、回流，使得性能不佳。解决思路：Step1：将树形数据拍平成一般的ListStep2：采用padding缩进的方式营造树形结构Step3：在结合虚拟列表高效渲染长列表虚拟列表大致原理：当列表data中有n个item项，我们只渲染可视区域（比如10条）的item，页面滚动时获取到scrollTop，scrollTop / itemHeig.
2021-12-06 23:23:07
6342
3
原创 微信H5不支持multiple多文件上传 （兼容安卓/ios）
使用 wx.chooseImage 上传拿到文件id (localId)，再把文件id转为file文件，然后正常上传即可。微信公H5 使用input 多图上传的功能 ， 安卓手机上只能一次上传一张图片。
2023-04-28 14:36:38
1422
原创 数据可视化大屏，屏幕多分辨率适配方案，且在任意屏幕下保持16:9的比例等比缩放
数据大屏项目，需要适配不同屏幕，且在任意屏幕下保持16:9的比例，保持显示效果一致，屏幕比例不一致两边留黑即可
2022-03-23 11:28:18
5414
14
原创 [ant-design]动态ToolTip，table列表根据文字宽度表格宽度动态显示，附代码
需求背景:在table列表中ant-design的tooltip需要根据文字多少来动态显示/隐藏，不会超出的不显示tooltip<script>import { defineComponent, getCurrentInstance, nextTick, ref} from '@vue/runtime-core';export default defineComponent({ props: { text: { default: ..
2022-03-21 20:01:15
1440
3
原创 炫酷的 loding效果（canvas）
改成vue里使用<template> <div class="myLoading"> <div :id="$route.name" class="inner-loading"></div> </div></template><script>export default { props: { loading: { type: Boolean, default:.
2022-01-14 14:16:06
477
原创 vue路由报错：ChunkLoadError: Loading chunk 12 failed
报错：ChunkLoadError: Loading chunk 12 failed
2021-12-24 14:04:02
3020
空空如也
echarts用了城市地图打包后china-cities.json体积太大，怎么处理？
2022-01-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人