
前端-React
卡卡舅舅
我对未来充满期待!
展开
-
React 实现五子棋
本文将会基于React 实现五子棋小游戏,游戏规则为先让5颗棋子的一方获胜。原创 2024-07-12 16:52:34 · 441 阅读 · 0 评论 -
基于React 实现井字棋
这篇文章会基于React 实现井字棋小游戏功能。原创 2024-07-08 18:10:14 · 438 阅读 · 0 评论 -
React - 实现走马灯组件
本文给的代码是基于定位实现,父容器是显示区域,子容器是inline的图片数组,超过父容器的区域被隐藏。原创 2024-06-04 20:32:24 · 672 阅读 · 1 评论 -
React - 连连看小游戏
小时候经常玩连连看小游戏。在游戏中,当找到2个相同的元素就可以消除元素。本文会借助react实现连连看小游戏。原创 2024-04-04 15:12:25 · 727 阅读 · 0 评论 -
React - 实现菜单栏滚动
本文将会基于react实现滚动菜单栏功能。原创 2024-03-19 20:31:50 · 700 阅读 · 0 评论 -
React 实现下拉刷新效果
本文基于react实现下拉刷新效果,在下拉的时候会进入loading状态。原创 2024-03-16 18:03:37 · 849 阅读 · 0 评论 -
React组件 - 实现侧滑删除
【代码】React组件 - 实现侧滑删除。原创 2024-03-12 21:50:47 · 570 阅读 · 1 评论 -
React 实现表单组件
表单是html的基础元素,接下来我会用React实现一个表单组件。支持包括输入状态管理,表单验证,错误信息展示,表单提交,动态表单元素等功能。原创 2024-02-05 16:13:22 · 1218 阅读 · 0 评论 -
React实现组件扩展机制
在约定的init文件中,配置自定义的扩展点。原创 2024-02-01 16:30:02 · 779 阅读 · 1 评论 -
前端实现弹小球功能
这篇文章将会做弹小球游戏,弹小球游戏大家小时候都玩过,玩家需要在小球到达游戏区域底部时候控制砖块去承接小球,并不断的将小球弹出去。首先看一下实现的效果。原创 2024-01-27 12:52:52 · 575 阅读 · 0 评论 -
前端实现贪吃蛇小游戏
大家都玩过贪吃蛇小游戏,控制一条蛇去吃食物,然后蛇在吃到食物后会变大。本篇博客将会实现贪吃蛇小游戏的功能。原创 2024-01-20 15:46:07 · 783 阅读 · 0 评论 -
前端实现轮训和长连接
轮训和长连接相关内容可以参考之前的文章消息推送系统。消息推送系统-优快云博客文章浏览阅读106次。在餐饮行业中,店内应用有pos、厨显屏等,云端应用为对应数据中心。为了实现云端数据和操作指令下发到店内应用,需要有一个系统实现这个功能。websocket -> 实时,性能高,会断连丢数据。轮训 -> 近实时,性能低,有重试&确认不会丢数据。本文将会通过js 实现轮训 和 websocket 长连接功能。原创 2024-01-17 16:22:49 · 645 阅读 · 0 评论 -
实现JavaScript的函数链式执行
本篇文章将会实现函数链式执行,链式步骤延时等操作。原创 2024-01-13 11:03:05 · 508 阅读 · 0 评论 -
React之自定义路由组件
/ 路由配置// 获取hashbreak;// 路由項配置// 获取浏览器hash hook// 当浏览器url变更时,更新state},[])原创 2024-01-11 22:56:08 · 744 阅读 · 0 评论 -
React 实现拖放功能
本篇文章将会使用react实现简单拖放功能。原创 2024-01-06 20:40:53 · 1166 阅读 · 0 评论 -
React之useRef hook
useRef是react的自定义hook,它用来引用一个不需要渲染的值。这篇文章会介绍useRef的简单用法。原创 2024-01-06 09:19:40 · 696 阅读 · 0 评论 -
React 实现 Step组件
本文将会实现步骤条组件功能。步骤条在以下几个方面改进。1、将url与Step组件绑定,做到浏览器刷新,不会重定向到Step 12、通过LocalStorage 存储之前的Step,做到不丢失数据。原创 2024-01-01 13:16:35 · 883 阅读 · 0 评论 -
React 实现列表页和列表详情页功能
本篇文章将会基于react 实现列表页和列表详情的功能,后续会完善更多的功能细节。原创 2023-12-17 17:51:26 · 941 阅读 · 0 评论 -
React实现登录授权功能
本文将通过React Router & React Redux实现登录和授权路由功能,将会从以下三个部分入手。原创 2023-11-27 21:52:01 · 1285 阅读 · 0 评论 -
React系列之useRequest Hook
普通的action处理会自动分派给对应的reducer处理。异步的action会经过Middlewares进行处理,异步完成后再交由对应的reducer处理。原创 2023-11-22 20:51:01 · 593 阅读 · 0 评论 -
React 自定义hook 之 防抖和节流
防抖和节流主要用于控制事件触发频率,提高页面性能和用户体验。防抖: 当事件被触发后,在一定时间内有新的对应事件,则会取消老的事件执行。节流: 当事件触发后,在一定时间内会忽略新的事件执行。原创 2023-11-19 20:22:18 · 927 阅读 · 0 评论