- 博客(51)
- 收藏
- 关注
原创 如何解决 react 数据不更新问题
3 原因, 数据改动过快 ,解决 const [array,setArray] = useState((event)=> {return event})]2 原因 , 数据是对象或者数组类型,解决: 使用扩展运算符 setArral([...array])1 原因 没有使用 state 管理 ,解决 : 启用 state ,将数据交给 state 处理。
2025-04-03 09:35:48
53
原创 如何制作组件模块化
制作组件,先要观察设计搞如果有相同的组件那就把相同的部分提取出来,然后通过,数据判进行,单独的处理,例如 react 函数 ,插槽, vue 插槽,或者根据数据的传输值践行判断csss 值进行逻辑处理,对应的组件传递相对应的值进行 处理,
2024-03-29 12:19:38
293
原创 全局loding控制
promise.all() 当发现执行错误时候确实会进行立即返回没有办法进行全局的监听,但是在传入的参数里面如果进行报错的抓取,promise 是不会进行立即返回的,通常我们开发都会封装axios 里面都会有相应错误处理,所以当数据发生错误的时候promise不会立即断开。
2024-03-21 19:51:41
311
原创 背景虚拟化组件,透明模糊
问题当我们背景想要进行透明或者模糊处理的时候我们一般我们可以以通过 rgba 的第四个位置可以进行透明处理,但是模糊不行需要懂得知识点,定位,属性加强,结构化,react 插槽话不多说上代码。
2024-03-09 20:02:46
469
原创 react vue 背景挂载机器
问题:项目当中我们有的时候会遇到多个背景图片在一个地方展示的问题当时项目比较急没有时间做工具函数,被优化有时间进行工具函数编写。
2024-03-08 21:33:42
738
2
原创 自定义 classNames hooks
自定义hooks是react提供的编写公共函数的方法自定hooks 和 通用函数的区别一定有人会说 hooks 可以使用react 的方法,但是公共函数也可以,因为 jsx 语法的原因函数必须开头进行大写其实这些都是 react 的语法规范,我们用hooks 也是方便用于管理、
2024-03-07 18:54:21
549
原创 react 插槽
当父组件设置过数据以后,自组件可以通过props.childen 拿到想要的数据进行处理。父组件设置 solt 其实设置什么都可以,只是vue 通常以solt 为定义出于习惯。如果写多个插槽的时候要考虑单个的问题,因为单个插槽传递过来是对象形式的。问题开发当中会经常出现组件十分相似的组件,只有一部分是不同的。解决: 父组件:在引用的时候。这里我没有写单插槽定义。
2024-02-14 09:10:53
711
原创 vue3 ref()
需要在子组件 通过defineExpose进行方法的,数据的 暴露。解决 ref 对子组件进行数据的获取以及方法的触发。通常我们在获取子组件的数据和方法的操作。
2023-08-13 13:35:26
1142
原创 前端优化,嵌套法
案例1,现在有两个页面但是只是部分不同 页面A 包含 页面 B 这个时候通过判断嵌套一个div 绑定动态样式这样就可以实现一个功能两个页面的效果,不过在真实的开发中可能一个功能实现3到4个 页面这种的具体的问题具体分析,可以通过 vue 叫做 插槽 anyular 叫做 投影 react 通过 props.children 进行一个功能多个页面。
2023-06-28 08:37:44
282
原创 grid 两分钟 入门网格布局
全部都围绕着下面两个进行开发其他的属性都是优化辅助行轨道 grid-template-columns列轨道 grid-template-rows。
2023-06-19 10:17:54
160
原创 react 函数高级
例如 map((item)=> {}) foreach((item)=> {}) setTime((item)=> {})react 使用高级函数 原因: react 方法触发的是事件的返回值所以 onClick=(event()) 会被直接触发。什么是高阶函数,返回值函数的叫做高级参数。
2023-05-09 13:36:25
105
原创 react 渲染抽离
问题,多个渲染表达式全部写在一个渲染里面,维护造成维护困难。解决 通过方法来进行解析 { 方法名称() }解析: 这样方法在执行的时候被理解加载解析。
2023-05-02 17:47:20
87
原创 js 数组循环 与 调度机制
对象可以以ID为键 {1:{name:'jkj'},2:[]}但是只试用单个取值。数组我们可以结合下标 进行调取 data[index]我们在开发过程中喜欢使用循环来获取数值。但是我们如何直接获取相对应的值纳。
2023-01-12 20:01:10
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人