insist_Y的博客

原创 滚动驱动帧动画（Scroll-driven Frame Animation），采用 Canvas 2D 逐帧渲染（Frame-by-Frame Rendering） 模拟 PTZ 摄像头的旋转扫描过程

将 350 张**序列帧（Sprite Sequence）** 以 Canvas **位图传输（BitBLT）** 方式模拟视频播放，用**滚动位移（Scroll Position）替代时间轴（Timeline）** 作为播放进度驱动源，实现**用户掌控节奏**的**沉浸式产品展示（Immersive Product Showcase）**。

原创 地球标点动画效果；雷达波纹

这段代码实现了一个动态的同心圆动画效果。核心是通过三个不同尺寸的椭圆元素(.ellipse-1/2/3)实现同心圆布局，每个椭圆使用CSS动画(fade-in-out)实现渐显渐隐效果。动画采用错峰触发的方式(66.66%/50%/33.33%)，配合蓝色半透明边框和内部阴影，创造出波纹扩散的视觉效果。中央的SvgIcon通过绝对定位居中显示，z-index确保始终在最上层。整个组件宽高固定(1.41×1.03rem)，所有元素都通过transform实现完美居中。动画无限循环，持续2秒，营造出持续的动态视

原创 jqurey + css 实现 鼠标向下滚动 图片内容区域缓慢 缩小后定位到右侧

【代码】jqurey + css 实现 鼠标向下滚动 图片内容区域缓慢 缩小后定位到右侧。

原创 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

原创 GET请求参数中含有特殊字符# 导致Network中请求地址参数丢失的问题

GET请求参数丢失问题

原创 电脑桌面壁纸

原创 页签/tab页数据缓存方案

2.render 方法中可以通过调用父级应用中获取缓存子应用的方法getMicroAppCache拿到子应用虚拟节点 判断是否有缓存 在new Vue 初始化子应用实例。3.main.js中 unmount 卸载的时候调用父级应用中unmountCache方法卸载缓存子应用。1. 父级应用中创建VueEmit.js文件中 new Vue() 用于存放子应用实例。2.父级应用中提供卸载子应用并缓存子应用的方法unmountCache。使用单独Vue实例保存子应用实例 子应用查询表单数据 子应该表格数据。

原创 React页面中间内容滚动时，激活选中侧边栏对应的内容（反向锚点）

【代码】React页面中间内容滚动时，激活选中侧边栏对应的内容（反向锚点）

原创 React项目中加入微信分享

第二部:获取数据,拿到appId,timestamp,nonceStr,signature(必填,很重要,后端那配置好获取接口就行)appId: data.appId, //appId通过微信服务号后台查看。timestamp: data.timestamp, //生成签名的时间戳。nonceStr: data.nonceStr, //生成签名的随机字符串。debug: false, ////生产环境需要关闭debug模式。signature: data.signature, //签名。

原创 React跨组件锚点定位跳转

a.js组件go(e) {render() {b.js组件render() {

原创 React问题记录

class类组件中使用redux