Kelly's Blog

摘要： 全部 TS 版本，可直接复制到项目练习；每个 hook 附带使用示例。 注意点：清理副作用、组件卸载清除定时器、闭包陷阱、依赖处理。 1. useDebounce 防抖 多次触发，等待一段时间没有再触发，才执行；输入搜索常用。 1 import { useEffect, useState } fro 阅读全文

摘要： 在大型项目中，权限管理是一个非常重要的部分，它可以保证系统的安全性，防止未授权的访问和操作。 RBAC 全称 Role-Based Access Control，基于角色的访问控制，是目前企业后台、SaaS 系统通用标准权限模型，核心思想：用户不直接绑定权限，通过「角色」中间层间接授权。 链路：用户 阅读全文

摘要： 本项目为数据可视化大屏展示，基于 Vue 3 + TypeScript + ECharts 构建，主要聚焦于 ECharts 图表的多样化应用与大屏交互体验的实现，包括用地图+散点展示分行或客户的地理分布。 阅读全文

摘要： 在做H5页面的时候，经常会需要用到背景音乐，比如电子贺卡、动态音乐相册等，右上角有个360°旋转的音乐图标，点击可以控制音乐是否播放，那这个效果是如何实现的呢？ 阅读全文

摘要： 这是微信H5的一款小游戏（一款酒的推广活动），主要游戏页面如下： 阅读全文

摘要： 在做微信活动页面的时候，经常会需要实现手机摇一摇功能，比如“摇一摇，拿好礼！”。这就需要用到HTML5的DeviceOrientation特性，阅读全文查看完整代码。 阅读全文

摘要： 方法一： <script type="text/javascript"> try { var urlhash = window.location.hash; if (!urlhash.match("fromapp")) { if ((navigator.userAgent.match(/(iPhon 阅读全文

摘要： 此例常用于手机端，提示用户往下拖动 (向下渐隐渐出效果) 通过 CSS3，我们能够创建动画，这可以在许多网页中取代GIF动画图片、Flash 以及 JS 阅读全文

摘要： 1.响应式web设计说到这个，移动开发面对的屏幕尺寸那叫一个丰富，其中安卓阵营就够让人头痛的。我们在PC端常用的两种布局方式就是固定布局和弹性布局，前者设置一个绝大多数电脑能正常显示的固定宽度居中显示，后者则采用百分比。关于这两者讨论的文章很多，有兴趣的自己查阅下，我今天要介绍的就是相信你已经听过的... 阅读全文

摘要： 阅读全文