前端探索
文章平均质量分 65
研究僧的前端日常
白菜写代码
目前专注终端开发的溯源研究僧!!!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React中的受控组件和非受控组件
React 表单组件分为受控和非受控两种模式。受控组件通过 state 完全控制表单值,每次输入都会触发状态更新和重新渲染,便于实时校验和同步,但代码更复杂。非受控组件由 DOM 管理值,仅在需要时通过 ref 获取,代码更简单且性能更好,但难以实现实时控制和校验。选择哪种模式取决于具体需求:需要精细控制或表单联动时用受控组件,简单表单或性能优先时用非受控组件。原创 2025-07-29 15:01:16 · 364 阅读 · 0 评论 -
基于Rax的移动端滑动操作组件开发实践
本文介绍了基于Rax框架开发的通用滑动操作组件SwipeAction的设计与实现。该组件采用双层结构(内容层+操作层),支持自定义多个操作按钮和灵活样式配置。核心功能包括:1) 手势识别逻辑,通过设定滑动阈值实现流畅交互;2) 状态管理,维护展开/关闭状态和触摸标记;3) 智能判断垂直/水平滑动方向。组件参数包括操作项列表、展开状态回调等,实现中考虑了触摸事件处理、动画过渡和操作按钮点击处理。该方案可广泛应用于移动端列表项的滑动操作场景,提升用户体验。原创 2025-07-14 10:25:27 · 389 阅读 · 0 评论 -
dom位置信息的获取方式
如果想让一个元素可以进行拖拉拽的效果,免不了使用监听事件和进行位置计算。位置计算的方式有很多中,比如以及函数,博主一看是见到这么多信息是也是懵逼的状态,今天就来对比一下他们的区别。一、二代码原创 2024-10-26 19:09:56 · 1045 阅读 · 0 评论 -
window和document
最近刚刚进入开发阶段,实现一个小功能的时候会用到gpt,结果给出的答案有的时候使用有的时候使用,作为一个职场小白有的时候真的会忽略最基础的问题,因此今天主要总结一波window和document的区别。原创 2024-10-17 20:03:25 · 289 阅读 · 0 评论 -
使用react手写一个侧边菜单
【代码】使用react手写一个侧边菜单。原创 2024-09-09 17:35:01 · 268 阅读 · 0 评论 -
远程组件加载方案
为什么会聊到远程组件这块呢,其实是前段时间了解到可能要做平台开放的项目,如何留出口子加载金主们的自定义组件呢,其中有一种方案就是远程组件。远程组件的概念远程组件,这里指的是加载远程 JS 资源并渲染成组件。先有一个组件将组件打包成 UMD 格式,可供浏览器使用(后面会介绍 UMD)将其上传到某处通过接口返回给客户端客户端拿到链接后执行,获取导出内容(也就是 React、Vue组件)原创 2024-09-09 17:49:03 · 1931 阅读 · 0 评论 -
系统鉴权方式
为什么会聊到这个话题呢,是因为这段时间公司局势动荡,让我有了想要看看更多机会的想法,因此在interview的时候被问到,你们公司的系统是怎么做鉴权的呢,当然被问到这个问题后,凭借着我的记忆瞎答了一通,事后去梳理了一下,发现公司的鉴权逻辑原来是这样。原创 2024-09-17 23:09:36 · 552 阅读 · 0 评论 -
iframe跨域通信
iframe是嵌入式框架, 是html标签, 还是一个内联元素, iframe 元素会创建包含另外一个文档的内联框架(即行内框架) . 说白了, iframe用来在页面嵌入其他页面。跨域:只要协议、域名、端口有任何一个不同,都被当作是不同的域。当然这个浏览器的安全机制还是必要的,不然可以随便访问别人的资源。。URLYes or No同一域名下允许同一域名下不同文件夹允许同一域名,不同端口不允许同一域名,不同协议不允许域名和域名对应ip不允许主域相同,子域不同不允许。原创 2024-10-08 10:19:04 · 538 阅读 · 0 评论
分享