- 博客(10)
- 收藏
- 关注
原创 地球标点动画效果;雷达波纹
这段代码实现了一个动态的同心圆动画效果。核心是通过三个不同尺寸的椭圆元素(.ellipse-1/2/3)实现同心圆布局,每个椭圆使用CSS动画(fade-in-out)实现渐显渐隐效果。动画采用错峰触发的方式(66.66%/50%/33.33%),配合蓝色半透明边框和内部阴影,创造出波纹扩散的视觉效果。中央的SvgIcon通过绝对定位居中显示,z-index确保始终在最上层。整个组件宽高固定(1.41×1.03rem),所有元素都通过transform实现完美居中。动画无限循环,持续2秒,营造出持续的动态视
2025-12-04 16:37:26
166
原创 jqurey + css 实现 鼠标向下滚动 图片内容区域缓慢 缩小后定位到右侧
【代码】jqurey + css 实现 鼠标向下滚动 图片内容区域缓慢 缩小后定位到右侧。
2025-01-15 10:40:02
138
原创 React 使用event.target报错
Warning: This synthetic event is reused for performance reasons. If you're seeing this, you're accessing the property `target` on a released/nullified synthetic event. This is set to null. If you must keep the original synthetic event around, use event.per
2024-12-03 10:35:42
368
原创 页签/tab页数据缓存方案
2.render 方法中可以通过调用父级应用中获取缓存子应用的方法getMicroAppCache拿到子应用虚拟节点 判断是否有缓存 在new Vue 初始化子应用实例。3.main.js中 unmount 卸载的时候调用父级应用中unmountCache方法卸载缓存子应用。1. 父级应用中创建VueEmit.js文件中 new Vue() 用于存放子应用实例。2.父级应用中提供卸载子应用并缓存子应用的方法unmountCache。使用单独Vue实例保存子应用实例 子应用查询表单数据 子应该表格数据。
2024-07-26 11:44:03
399
1
原创 React页面中间内容滚动时,激活选中侧边栏对应的内容(反向锚点)
【代码】React页面中间内容滚动时,激活选中侧边栏对应的内容(反向锚点)
2024-03-14 17:58:25
388
1
原创 React项目中加入微信分享
第二部:获取数据,拿到appId,timestamp,nonceStr,signature(必填,很重要,后端那配置好获取接口就行)appId: data.appId, //appId通过微信服务号后台查看。timestamp: data.timestamp, //生成签名的时间戳。nonceStr: data.nonceStr, //生成签名的随机字符串。debug: false, ////生产环境需要关闭debug模式。signature: data.signature, //签名。
2024-02-02 14:11:17
941
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅