- 博客(33)
- 收藏
- 关注
RSS订阅原创 tsx 分页展示数据
本文介绍了一个React分页组件的实现方案。通过自定义hook useStudyData 封装了分页逻辑，包括计算当前页数据、总页数以及页码切换方法。页面组件 DialogStudy 实现了灵活的分页导航：对于5页以内的数据直接显示全部页码；超过5页时采用智能省略策略，保持当前页居中并显示前后2页。组件提供了上一页/下一页按钮和页码跳转功能，当前页高亮显示，边界情况禁用相应按钮确保用户体验。该方案通过React的useMemo优化性能，适用于中等规模数据的分页展示需求。
2025-11-07 11:11:25
101
原创 二维码生成使用下载
本文摘要：该代码实现了一个基于React和Tailwind CSS的二维码生成器组件。主要功能包括：1) 根据用户tokenId生成专属推荐码并显示；2) 使用QRCode库生成二维码；3) 提供下载二维码和带背景模板的功能；4) 适配PC和移动端的不同交互方式(下载/复制)。核心技术点：useEffect动态生成二维码、canvas转图片下载、跨平台兼容处理(Android/iOS)、响应式布局等。组件还包含错误处理和用户反馈机制，确保良好的用户体验。
2025-10-22 17:12:32
103
原创 react,electron 搭建桌面应用
在运行桌面应用 npm run start-electron。3.安装 Electron 和 React 相关的依赖。先运行react程序 npm start。1.创建一个新的项目目录并进入该目录。8.package.json配置。4.创建以下目录和文件结构。2.npm 初始化项。
2024-10-18 15:34:00
470
原创 webpack 相关配置
3.确保您的 Babel 配置文件被 Webpack 正确加载和使用。2.Babel 相关的警告提示 （.babelrc文件）
2024-06-15 10:53:45
587
原创 Unity 使用Toggle Group，toggle实现单项选择
（canval 挂载 Toggle Group组件，脚本ToggleController），toggles数组两个toggle添加进去。（每个toggle 关联方法OnToggleValueChanged）1.新建一个父类Canval，下面两个toggle。2.ToggleController脚本。
2023-12-25 16:34:12
1291
原创 Unity 左右布局排版，Grid布局的使用
1.新建一个空对象GameObject， width： 400， height：100，两个canvas（wordLeft，wordRight），分割线Image（width：1，height：100）2.预制体word-input （包含图片，图片下有Text），图片挂载Vertical Layout Group 自适应宽高布局，挂载脚本WordInputPrefab。3.GameObject 挂载脚本Login5。
2023-12-23 11:20:15
1056
原创 Unity 无限滚动列表
5.在content下排好一行三个字段视图，table-row 挂载脚本row ，三个Text 拖过去分别关联脚本字段，然后做出预制体。1.使用scroll view，设置（例如width 500，height 200），关联脚本ScrollList。4.Content 配置，对应配置Height，cell size （每行的配置），spacing 间隔。2.scroll view 对应的配置，脚本组件对应拖过去。
2023-11-29 14:52:12
1952
原创 Unity实现人物移动、旋转、跳跃
2.相机放在人物头部，转动需要带着人物转，相机转动灵敏度和上下转动角度范围根据具体情况配置。3. 文件目录（人物final bowser fly，相机Main Camera）脚本CameraController和Player直接挂载到人物就可以用了。1.Player脚本控制人物移动，可单独使用。Collider和Rigidbody。调整人物和相机的位置。
2023-11-25 14:48:14
2934
原创 Unity 多语言功能
2.新建SelectLanguageToggleC#脚本，绑定下拉框选择事件changed(关联方法setLanguage),option(中文，English)3.新建LanguageUIText，挂载到有Text组件的对象上，填写key(和翻译文本的key一样，如text1)1.LanguageManagers的C#脚本,把数据保存到字典里。
2023-11-24 09:29:57
686
1
原创 react-tsparticles（或HTML5 canvas） 动态粒子背景，星空背景
【代码】react-tsparticles 动态粒子背景，星空背景。
2023-08-31 09:30:21
930
原创 React antd DatePicker日期选择框 Upload Slider使用
【代码】React antd DatePicker日期选择框的使用 Upload使用。
2023-02-17 17:14:16
577
原创 web3使用，MetaMask钱包对接登录退出，计算apy，添加流动性，发erc20, Events事件读取限制，解析哈希值
本文摘要介绍了区块链开发中的核心功能实现，主要包括：1) LP池和单个Token的APY/APR计算逻辑；2) 钱包交互功能（账户切换、网络切换、代币添加、登录/登出）；3) 流动性添加操作；4) 事件读取优化方案；5) 交易解析方法；6) 权限验证机制；7) 钱包扫码功能。代码示例展示了如何通过Web3.js与智能合约交互，处理区块链数据，并实现常见的DeFi功能模块。这些技术要点涵盖了前端DApp开发中的关键环节，包括收益率计算、钱包集成、交易处理等核心功能。
2022-11-25 10:18:49
1216
原创 正则 输入 限制大全
return messageWay('等级请输入1-6','error');return messageWay('只能输入数字','error');return 'error提示'；1. //true 最多只能输入小数点后4位。3.只能输入包含得数。
2022-09-28 16:22:05
1393
原创 video 使用 配置
muted 静音播放。有的浏览器不允许非静音自动播放，如谷歌、火狐浏览器等，所以要加上muted属性，才会自动播放。preload 在页面加载时进行加载，并预备播放。如果使用 “autoplay”，该属性无效。height 视频播放器的高度。autoplay 自动播放。width 视频播放器的宽度。controls 显示控件。poster 视频的封面图。src 视频的 URL。loop 循环播放。
2022-09-06 11:15:03
909
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人