自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(48)
  • 收藏
  • 关注

原创 如何快速找到事件触发位置

点击下面的时间就可以轻松找到触发的事件,以及对应的位置。问题,项目比较复杂,很难找到触发的地方。解决浏览器开发者工具。

2024-07-12 09:11:49 218

原创 如何制作组件模块化

制作组件,先要观察设计搞如果有相同的组件那就把相同的部分提取出来,然后通过,数据判进行,单独的处理,例如 react 函数 ,插槽, vue 插槽,或者根据数据的传输值践行判断csss 值进行逻辑处理,对应的组件传递相对应的值进行 处理,

2024-03-29 12:19:38 259

原创 自动化组高度件切割计算

1 问题: 之前组件有相同的但是长度和数量不一样。

2024-03-28 19:48:17 327

原创 全局loding控制

promise.all() 当发现执行错误时候确实会进行立即返回没有办法进行全局的监听,但是在传入的参数里面如果进行报错的抓取,promise 是不会进行立即返回的,通常我们开发都会封装axios 里面都会有相应错误处理,所以当数据发生错误的时候promise不会立即断开。

2024-03-21 19:51:41 289

原创 背景虚拟化组件,透明模糊

问题当我们背景想要进行透明或者模糊处理的时候我们一般我们可以以通过 rgba 的第四个位置可以进行透明处理,但是模糊不行需要懂得知识点,定位,属性加强,结构化,react 插槽话不多说上代码。

2024-03-09 20:02:46 421

原创 react vue 背景挂载机器

问题:项目当中我们有的时候会遇到多个背景图片在一个地方展示的问题当时项目比较急没有时间做工具函数,被优化有时间进行工具函数编写。

2024-03-08 21:33:42 709 2

原创 自定义 classNames hooks

自定义hooks是react提供的编写公共函数的方法自定hooks 和 通用函数的区别一定有人会说 hooks 可以使用react 的方法,但是公共函数也可以,因为 jsx 语法的原因函数必须开头进行大写其实这些都是 react 的语法规范,我们用hooks 也是方便用于管理、

2024-03-07 18:54:21 529

原创 react 插槽

当父组件设置过数据以后,自组件可以通过props.childen 拿到想要的数据进行处理。父组件设置 solt 其实设置什么都可以,只是vue 通常以solt 为定义出于习惯。如果写多个插槽的时候要考虑单个的问题,因为单个插槽传递过来是对象形式的。问题开发当中会经常出现组件十分相似的组件,只有一部分是不同的。解决: 父组件:在引用的时候。这里我没有写单插槽定义。

2024-02-14 09:10:53 691

原创 vue3 ref()

需要在子组件 通过defineExpose进行方法的,数据的 暴露。解决 ref 对子组件进行数据的获取以及方法的触发。通常我们在获取子组件的数据和方法的操作。

2023-08-13 13:35:26 843

原创 vue3 watchEffect computed

不用数据的返回当数据发生改变的时候会进行自动的计算。

2023-08-13 13:28:45 161

原创 Vue3的数据监视(Watch)

vue 的数据监视可以进行数据检测但是要进行数据的引入。

2023-08-13 09:41:35 904

原创 前端优化,嵌套法

案例1,现在有两个页面但是只是部分不同 页面A 包含 页面 B 这个时候通过判断嵌套一个div 绑定动态样式这样就可以实现一个功能两个页面的效果,不过在真实的开发中可能一个功能实现3到4个 页面这种的具体的问题具体分析,可以通过 vue 叫做 插槽 anyular 叫做 投影 react 通过 props.children 进行一个功能多个页面。

2023-06-28 08:37:44 234

原创 grid 两分钟 入门网格布局

全部都围绕着下面两个进行开发其他的属性都是优化辅助行轨道 grid-template-columns列轨道 grid-template-rows。

2023-06-19 10:17:54 132

原创 js 技巧

只要属性相同,js 就可以实现前面的值赋值到后面。

2023-05-13 20:14:39 78

原创 react 函数高级

例如 map((item)=> {}) foreach((item)=> {}) setTime((item)=> {})react 使用高级函数 原因: react 方法触发的是事件的返回值所以 onClick=(event()) 会被直接触发。什么是高阶函数,返回值函数的叫做高级参数。

2023-05-09 13:36:25 80

原创 react 渲染抽离

问题,多个渲染表达式全部写在一个渲染里面,维护造成维护困难。解决 通过方法来进行解析 { 方法名称() }解析: 这样方法在执行的时候被理解加载解析。

2023-05-02 17:47:20 71

原创 bind() applay() call()

【代码】bind() applay() call()

2023-04-14 08:52:59 71

原创 Redux

设计概念: 各自管各自的事,state 只负责数据的状态 ,数据只能在方法里面改不允许在组件内私自更改要通过派发起触发事件更改。

2023-03-27 11:00:25 67

原创 react hook实现 vue 的功能

react 实现 vue 的功能

2023-03-16 08:44:31 55

原创 绝对定位和继承+百分比布局

绝对定位会阻断继承,要手动写高度和宽度,百分比布局私聊。

2023-03-11 20:04:30 53

原创 React hook

react 使用手册

2023-02-09 14:04:11 78

原创 组件的反响控住Vue,react,angualr

vue , react ,anguar ,组件反向控住组件

2023-02-05 12:58:50 67

原创 js 数组循环 与 调度机制

对象可以以ID为键 {1:{name:'jkj'},2:[]}但是只试用单个取值。数组我们可以结合下标 进行调取 data[index]我们在开发过程中喜欢使用循环来获取数值。但是我们如何直接获取相对应的值纳。

2023-01-12 20:01:10 69

原创 es6 如何动态取出对象的值

对象取值

2023-01-09 09:24:22 407

原创 vue 生命周期

Vue 生命周期

2022-12-24 11:36:35 51

原创 css 动画如何保持最终的状态

动画保持最终的状态

2022-12-19 09:42:20 2095

原创 React function传递参数

react function 传递参数

2022-12-11 11:21:15 1275

原创 react proptypes

组件约束

2022-12-07 14:51:34 747

原创 js 技巧 键盘事件

js 小技巧

2022-11-24 10:03:57 101

原创 css 图片技巧

css

2022-11-14 14:33:28 89

原创 vue ref

vue ref

2022-11-10 11:07:20 179

原创 升级 flex 布局

flex 升级

2022-11-08 11:00:53 85

原创 js 小技巧 ( 根据不同的状态生成不同的颜色和状态 )

js 技巧

2022-11-06 10:47:24 1052

原创 vue 组件样式不生效问题,和如果更改组件样式

vue 组件的样式更改

2022-10-18 09:01:39 1129

原创 vue ( this 指向问题 )

指向问题

2022-10-04 09:59:22 393

原创 vue(3.0,双向数据绑定)

vue(3.0)数据双向绑定

2022-09-29 17:54:48 1307

原创 vue install (外挂 vue全局管理)

vue 全局控制

2022-09-28 15:07:28 2978

原创 vue( this.$nextTick() ) 等待数据加载完场触发

vue

2022-09-23 18:05:17 992

原创 vue2.0( 数据改动不生效,事件不触发的问题 )

vue 数据 事件不触发

2022-09-23 09:37:11 760

原创 vue 组件数据保存(keep-alive)

vue 组件缓存

2022-09-21 16:25:30 693

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除