- 博客(37)
- 收藏
- 关注
RSS订阅原创 加载Loading直接引入js文件即可用
本文实现了一个100%显示的加载动画组件，主要特点包括： 创建了四个圆形元素组成的动画效果，通过CSS动画实现依次缩放和淡入淡出 采用固定定位覆盖整个视口，并添加半透明背景和模糊效果 实现了智能显示控制： 强制显示时记录时间戳 隐藏时确保至少显示指定时长(默认1000ms) 提供立即隐藏方法应对特殊情况 多重初始化保障，确保在各种加载状态下都能正常工作 全局暴露loading对象，提供show/hide方法方便调用 该组件适用于页面加载或异步操作时的视觉反馈，确保用户获得流畅的加载体验。
2025-12-04 21:00:00
182
原创 CSS Loading 动画和视频播放 GIF 风格动画代码
本文展示了两种CSS动画效果：1）Loading加载动画，通过5个竖条依次上下伸缩实现波浪效果；2）视频播放GIF风格动画，使用4个高度不同的竖条各自独立变化高度。两种动画均采用关键帧动画实现，通过设置不同的延迟时间和动画曲线，创造出流畅的视觉效果。代码结构清晰，包含完整的HTML和CSS实现，可直接复制使用。这些动画适用于网页加载提示或播放器状态显示场景。
2025-12-03 22:00:00
93
原创 微信小程序 mp-html:专为小程序设计的富文本渲染组件
mp-html是一款功能强大的小程序富文本解析组件，相比原生rich-text具有显著优势：兼容HTML标准标签和样式，支持video、audio等标签；自带图片预览、链接跳转等实用功能；提供灵活配置选项。安装时需通过npm构建并正确配置组件路径。核心用法包括HTML字符串拼接、外部样式提取、特殊字符转义处理，以及图片预览和危险标签禁用等安全配置。该组件能有效解决小程序渲染复杂富文本时的常见问题，如带图片内容的适配显示，是小程序开发中处理富文本的理想选择。
2025-11-24 22:00:00
544
原创 解锁懒加载：提升性能的神奇魔法
懒加载是一种按需加载资源的优化技术，通过延迟非必要资源的加载来提升页面性能。其核心原理分为四步：1）初始占位，将真实资源地址存储在自定义属性中；2）监听滚动或视口交叉事件；3）判断元素是否进入视口范围；4）动态加载资源并标记完成。常见应用包括长列表图片、视频和首屏外组件。现代浏览器推荐使用Intersection Observer API实现，性能更优。通过减少初始加载量和请求压力，懒加载能显著提升页面打开速度和运行流畅度。
2025-11-11 21:00:00
1006
原创 Git操作基本流程
本文总结了Git常用操作流程：1)将本地项目推送到空远程仓库的初始化步骤；2)克隆远程项目到本地并创建新分支的方法；3)日常开发中的修改提交、拉取更新和推送流程；4)将功能分支合并到master主分支的步骤。内容涵盖git init/add/commit/push等基础命令，分支创建与切换，pull/push同步操作，以及分支合并与冲突处理。最后提供了删除本地和远程分支的命令，适用于团队协作开发场景下的版本控制需求。
2025-11-11 20:00:00
198
原创 一文读懂长连接：从原理到实践，解密持续通信的核心逻辑
长连接是一种持久保持的网络通信方式，允许客户端与服务器在建立连接后持续交互，无需反复建立和关闭连接。相比短连接，长连接在实时性、通信效率方面更具优势，但会占用更多服务器资源。核心技术包括TCP保活机制、WebSocket协议和应用层心跳机制，用于维持连接稳定。长连接广泛应用于即时通讯、直播互动、金融行情和物联网等实时场景。面对高并发和网络不稳定挑战，可通过IO多路复用、集群部署和智能重连机制进行优化。实现上常采用WebSocket协议结合心跳检测，确保双向实时通信的可靠性。
2025-11-07 22:00:00
1635
原创 CSS-循环动画、PNG 打底控形-JPG 上色
本文包含两部分CSS技术：1）创建图片上下轻微浮动的循环动画效果；2）利用PNG遮罩控制JPG图片显示范围的技术方案。第一部分通过@keyframes定义浮动动画，详细说明animation属性的参数配置；第二部分展示如何通过mask-image实现PNG形状遮罩控制JPG上色区域，包含完整HTML/CSS实现代码。两种技术均可增强网页视觉效果，适用于不同场景需求。
2025-10-31 22:00:00
134
原创 日常好用的工具
本文推荐三个实用工具：Squoosh（图片压缩，支持格式转换）、PxEvapo（专注像素级图片压缩）和XDiarys（简洁的日历清单管理）。均为免费服务。
2025-10-29 11:46:41
217
原创 yarn : 无法加载文件 D:\Program Files\nodejs\node_global\yarn.ps1，因为在此系统上禁止运行脚本
在电脑系统上禁止运行 PowerShell 脚本，因此导致无法加载 Yarn 的安装脚本。这是由于系统的执行策略（Execution Policies）设置所导致的。
2024-08-02 22:00:00
2754
1
原创 微信小程序 this.setData（）
lsetData（）函数用于将 data 从逻辑层传输到视图层，同时对应的改变this.data的值。Object 以 key: value 的形式表示，将 this.data 中的 key 对应的值改变成 value。
2024-06-17 22:00:13
2412
转载 vue 报错 Object(...) is not a function
解决 vue 报错 Object(…) is not a function
2023-10-19 15:33:11
2427
1
原创 Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key
Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key
2023-10-19 15:24:36
1194
1
原创 Ant Design Vue中table表格集成 vue-draggable-resizable 来实现可伸缩列
ant design vuevue-draggable-resizable可伸缩列拖拽列
2023-10-19 11:32:45
2259
3
原创 window.addEventListener和window.removeEventListener
removeEventListener addEventListener
2023-09-14 20:00:00
1385
1
原创 解决Unexpected token u in JSON at position 0 报错
Unexpected token u in JSON at position 0 报错JSON值类型
2023-09-12 17:16:55
1261
原创 vue跳转，前进后退，点击浏览器的返回按钮，地址栏路由变了但是页面没跳转
页面A—>B,B—>C,C—>B(OK),B—>A(失败)已解决。
2023-09-04 13:42:43
4832
1
原创 FineReport进阶篇-层次坐标与动态格间运算
使用层次坐标表达扩展单元格的位置，同时还可以通过条件进行筛选。可以进行跨行、跨组、集合运算。
2023-07-17 10:18:01
732
1
原创 JavaScript(下)
JavaScript函数及应用 JavaScript函数及应用 JavaScript函数及应用 JavaScript函数及应用 JavaScript数组常用方法及应用 JavaScript字符串常用方法
2022-12-07 13:52:49
281
原创 JavaScript基础-介绍、变量、数据类型、操作符、流程控制、数组
JavaScript和HTML、CSS的区别JavaScript的书写位置JavaScript变量的命名规则和规范JavaScript数据类型转换JavaScript操作符的优先级JavaScript流程控制的三种基本结构：顺序结构、分支结构、循环结构JavaScript调试DebugJavaScript数组的基本操作冒泡排序、冒泡排序优化
2022-11-13 19:39:06
238
原创 JAVA入门·JAVA开发环境搭建之卸载JDK&安装JDK
JAVA发展，JAVA特性和优势，JAVA三大版本，JDK JRE JVM，卸载JDK，安装JDK，JDK8官方网站下载
2022-07-12 22:34:13
339
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人