- 博客(54)
- 收藏
- 关注
RSS订阅原创 React | 再战Redux
目录一、认识ReduxToolkit认识Redux Toolkit二、ReduxToolkit重构重构代码 – 创建counter的reducer重构代码 – 创建home的reducerstore的创建三、ReduxToolkit异步Redux Toolkit的异步操作extraReducer的另外一种写法Redux Toolkit的数据不可变性四、connect高阶组件自定义connect函数,context处理store五、中间件的实现原理打印日志的需求修改dispatchthunk需求合并中间件六、
2023-06-30 18:16:30
880
原创 React | Redux的使用详解
在程序设计中 若一个函数符合以下条件那么这个函数被称为纯函数此函数在相同的输入值时需产生相同的输出函数的输出和输入值以外的其他隐藏信息或状态无关也和由I/O设备产生的外部输出无关该函数不能有语义上可观察的函数副作用诸如“触发事件” 使输出设备输出 或更改输出值以外物件的内容等。
2023-06-10 14:22:47
1613
原创 React | React的CSS方式
前端CSS的设计就不是为组件化而生的 所以在目前组件化的框架中都在需要一种合适的CSS解决方案在组件化中选择合适的CSS解决方案应该符合以下条件:编写局部csscss具备自己的具备作用域,不会随意污染其他组件内的元素编写动态的css可以获取当前组件的一些状态,根据状态的变化生成不同的css样式支持所有的css伪类、动画、媒体查询等编写起来简洁方便 符合一贯的css风格特点等...
2023-05-24 19:21:09
3011
1
原创 React | React的过渡动画
我们想要给一个组件的显示和消失添加某种过渡动画 可以很好的增加用户体验我们可以通过原生的CSS来实现这些过渡动画 React社区为我们提供了react-transition-group用来完成过渡动画React曾为开发者提供过动画插件 react-addons-css-transition-group 后由社区维护 形成了现在的 react-transitiongroup这个库可以帮助我们方便的实现组件的 入场 和 离场 动画 使用时需要进行额外的安装。
2023-05-16 15:13:24
844
原创 React | React组件化开发(二)
高阶组件的调用过程类似于这样高阶函数的编写过程类似于这样高阶组件并不是ReactAPI的一部分 它是基于React的组合特性而形成的设计模式比如redux中的connect比如react-router中的withRouter组件的名称问题在ES6中，类表达式中类名是可以省略的组件的名称都可以通过displayName来修改。
2023-05-13 18:34:43
682
原创 React | React组件化开发
目录一、React组件化开发什么是组件化开发?React的组件化类组件render函数的返回值函数组件二、React组件生命周期认识生命周期生命周期解析生命周期函数不常用的生命周期三、React组件间的通信认识组件的嵌套认识组件间的通信父组件传递子组件参数propTypes子组件传递父组件四、React组件插槽用法React中的插槽(slot)children实现插槽props实现插槽五、React非父子的通信Context应用场景Context相关API六、setState的使用详解为什么使用setSta
2023-04-30 15:52:40
946
原创 React | React脚手架解析
🖥️ React.js专栏：React脚手架解析🙋♂️ 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力！❤️。
2023-04-23 13:01:31
756
原创 前端资讯 | Node20 正式发布
4月18日，Node正式发布20版本，亮点有Node.js权限模型、同步import.meta.resolve、稳定的test_runner、V8 JavaScript引擎更新到11.3、Ada更新到2.0等等下载地址（自行百度）注意：Node.js 20将于10月进入长期支持（LTS），但在此之前，它将是未来六个月的“Current”版本。鼓励探索此最新版本提供的新功能和好处，并评估它们的应用程序的潜在影响。
2023-04-20 17:10:46
1205
原创 React | React的JSX语法
btnClick函数并不是我们主动调用的,而是当button发生改变时,React内部调用了btnClick函数而它内部调用时,并不知道如何绑定正确的this。
2023-04-18 13:24:25
715
原创 环境搭建 | MuMu模拟器 - Window10/11 系列
🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
2023-01-06 19:45:56
3443
2
原创 微信小程序 | 小程序系统API调用
转发按钮（button 组件 open-type="share"）unionid(在微信中,判断 是不是同一个用户 登录不同的产品)🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️。🖥️ 微信小程序专栏：小程序系统API调用。🧑💼 个人简介：一个不甘平庸的平凡人🍬。👉 你的一键三连是我更新的最大动力❤️。return 一个 Object,不能跳到tabbar页面;在app.json中配置。右上角菜单“转发”按钮。返回上一页面或多级页面。粘性和产品的停留时间。
2022-12-31 16:26:25
19647
136
原创 前端经典面试题 | 吊打面试官系列 之 说说你对TypeScript 和 JavaScript的理解
🖥️ 前端经典面试题 专栏：吊打面试官系列 之 说说你对TypeScript 和 JavaScript的理解🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
2022-12-27 11:06:52
11519
116
原创 微信小程序 | 小程序组件化开发
🖥️ 微信小程序 专栏：小程序组件化开发🧑💼 个人简介：一个不甘平庸的平凡人🍬✨ 个人主页：CoderHing的个人主页🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️
2022-12-26 16:45:29
13211
133
原创 前端经典面试题 | 吊打面试官系列 之 Vue2和Vue3的区别
🖥️ 前端经典面试题 吊打面试官 专栏：Vue2和Vue3的区别🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
2022-12-22 00:10:39
10814
62
原创 微信小程序 | 小程序的事件处理
const name = event.currentTarget.dataset.name // 那自定义属性,最好使用currentTarget拿。// const name = event.target.dataset.name // 这样是拿不到的 (点击中间蓝色视图)// 触发事件的组件:inner/蓝色 处理事件的组件:outer/粉色。// 2.currentTarget => 处理事件的元素。// 1.target表示 => 触发事件的元素。// 这个时候 这两个是没有区别的。
2022-12-20 20:49:42
10001
70
原创 微信小程序 | 小程序WXSS-WXML-WXS
🖥️ 微信小程序 专栏：小程序WXSS-WXML-WXS🧑💼 个人简介：一个不甘平庸的平凡人🍬✨ 个人主页：CoderHing的个人主页🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️
2022-12-17 09:18:08
4974
48
原创 微信小程序 | 小程序的内置组件
🖥️ 微信小程序专栏：微信小程序 |小程序的内置组件🧑💼 个人简介：一个不甘平庸的平凡人🍬✨ 个人主页：CoderHing的个人主页🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️
2022-12-15 21:14:47
4205
17
原创 微信小程序 | 小程序配置和架构
🖥️ 微信小程序 专栏：小程序配置和架构🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️宿主环境是为了执行小程序的各种文件:wxml文件 wxss文件 js文件WXML模块和WXSS样式运行于渲染层，渲染层使用WebView线程渲染（一个程序有多个页面，会使用多个 WebView的线程）。JS脚本（app/home.js等）运行于逻辑层，逻辑层使 用JsCore运行JS脚本。这两个线程都会经由。
2022-12-10 22:40:47
7834
15
原创 微信小程序 | 小程序开发
事实上,目前小程序在我们生活中已经随处可见（特别是这次疫情的推动，不管是什么岗位、什么年龄阶段的人，到哪都需要打开健康码）WePY是由腾讯开源的，一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。Mpvue是一个使用Vue开发小程序的前端框架，也是 支持 微信小程序、百度智能小程序，头条小程序 和 支付宝小程序；微信小程序、支付宝小程序、淘宝小程序、抖音小程序、头条小程序、QQ小程序、美团小程序等。，其他平台的小程序往往是平台本身的一些公司或者顺手开发的。
2022-11-22 09:36:51
9901
65
原创 Vue | Vue.js 实现过渡动画
在整个离开过渡的阶段中应用，在离开过渡被触发时立刻生效，在过渡/动画完成之后移除。在整个过渡的阶段中应用,在元素被插入之前,在过渡/动画完成之后移除.这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。在离开过渡被触发之后下一帧生效 (与此同时 v-leave-from 被删除)，在过渡/动画完成之后移除。在元素被插入之后下一帧生效(与此同时v-enter-from被移除) 在过渡/动画完成之后移除.-- transition 不是帮你做动画的,是在恰当的时机帮你做恰当的事 -->
2022-11-20 18:03:11
3567
84
原创 前端经典面试题 | Computed 和 Watch 的区别
前端经典面试题 | Computed 和 Watch 的区别🖥️ 前端经典面试题专栏：前端经典面试题 | Computed 和 Watch 的区别🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
2022-11-18 19:17:57
6217
90
原创 Vue | Vue.js 实现过渡动画
🖥️ Vue .js专栏：Vue .js 实现过渡动画🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️在开发中,我们想要给一个组件的,可以很好的React框架本身并没有提供任何动画相关的API所以在React中使用过渡动画需要使用第三方库 react-transition-groupVue中为我们提供一些内置组件和对应的API来完成动画,利用它们我们可以方便的实现过渡动画效果JavaScript。
2022-11-17 09:15:34
4547
34
原创 Vue | Vue.js 高级语法系列
h("h2", null, `当前计数:${counter.value}`),h("h2", null, `当前计数:${this.counter}`),-- 哈哈哈 -->console.log("插件被安装:",app,options)console.log("插件被安装:",app,options)console.log("传入的函数直接被执行:",app)// h传递3个参数 (标签名) ({ 对应的属性 }) (内容)
2022-11-15 19:18:04
4178
89
原创 前端经典面试题 | 性能优化之 懒加载
前端经典面试题 | 性能优化之 懒加载🖥️ 前端经典面试题专栏：性能优化之 懒加载🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
2022-11-14 19:00:42
2903
29
原创 Vue | Vue.js 全家桶 Pinia状态管理
h2>拼接counter里面的count和user里面的名字: showMsg:{{ countStore.showMsg }}最初带来了devtools集成,但这不再是问题.除了直接使用store.counter++修改store,还可以调用$patch方法。可以灵活使用每一个store,是通过扁平化的方式来相互使用的。// console.log(data) // 拿到数据。// 4 getters中使用到别的store中的数据。// 4 getters中使用到别的store中的数据。
2022-11-13 18:05:41
4656
101
原创 前端经典面试题 | 理解 节流 和 防抖(后附手写节流\防抖)
🖥️ 前端经典面试题专栏：前端经典面试题 | 理解节流和防抖🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
2022-11-12 10:04:56
2698
39
原创 Vue | Vue.js 全家桶 Vuex状态管理
Vue | Vue.js 全家桶 Vuex状态管理 🖥️ Vue.js专栏：Vue.js 全家桶 Vuex状态管理🧑💼 个人简介：一个不甘平庸的平凡人🍬✨ 个人主页：CoderHing的个人主页🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️
2022-11-11 08:53:58
4080
27
原创 Vue | Vue.js 全家桶 - Vue-Router详解
路由-> 网络工程中的一个术语: 在架构一个网络时 非常重要的两个设备就是 路由器和交换机 事实上,路由器 主要维护的是一个映射表; 映射表 会决定数据的流向 路由的概念在软件工程中出现,最早是在后端路由中实现,原因是web的发展主要经历了这样一些阶段: 后端路由阶段 前后端分离阶段 单页面富应用(SPA)早期的网站开发整个HTML页面是由服务器来渲染的. 服务器直接生产渲染好对应的HTML页面,
2022-11-09 18:01:17
2240
9
原创 前端经典面试题 | 性能优化之图片优化
前端经典面试题 | 性能优化之图片优化🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
2022-11-08 09:23:07
1587
7
原创 前端经典面试题 | Vue组件间的通信方式
子组件通过 props 来接收父组件传递过来的数据, 父组件在子组件上 注册监听事件,子组件通过 $emit触发事件 向 父组件发送数据.通过ref属性给子组件设置名字,父组件通过$refs=组件名来获取子组件实例,子组件通过$parent获得父组件,这样也可以实现通信.使用provide/inject , 在父组件中 通过 provide提供变量, 子组件中通过inject将变量注入到组件中,不论层级有多深,只要调用了inject 就可以注入 provide中的数据。
2022-11-07 22:01:56
2797
1
原创 Vue | Vue.js Composition API(二)
Composition API 通过模板 ref 或$parent 链 获取到的组件的公开实例,不会暴露任何在中声明的绑定.watchEffect传入的函数会立即执行一次,并且在执行的过程中会收集依赖。// 2 在执行的过程中,会自动的收集依赖(依赖哪些响应式的数据 就收集哪些)中的代码会在每次组件实例被创建的时候执行。默认情况下,它是惰性的,只有当侦听的源发生变化时 才会执行回调。// 当我们的counter达到时的时候 我想要停止监听 怎么实现?
2022-11-05 19:50:36
1206
42
原创 前端经典面试题 | v-if/v-show的原理及区别
前端经典面试题 | v-if/v-show的原理及区别🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。v-if是动态的向DOM树中添加/删除DOM元素; v-show是通过设置 display样式属性控制显示隐藏.v-if切换有一个 编译和卸载的过程,切换过程中销毁和重构内部的事件监听和其子组件; v-show只是基于css的切换v-if是惰性的,如初始条件为false,则什么都不做;只有在条件为true时才开
2022-11-04 20:06:05
603
6
原创 Vue | Vue.js Composition API
在我们传递给其他组件数据时 往往希望其他组件使用我们传递的内容 但是不允许它们修改 就用readonly.如果我们将 counter 在 addClick 或者 subClick进行操作时 是否可以实现界面的响应式?data定义数据 methods中定义方法 computed中定义计算属性 watch中监听属性改变。创建一个响应式代理 他跟踪其自身property的响应性,但。// 当我们这样做的时候 会返回两个ref对象,它们是 响应式的。如果想要在setup中定义的数据提供响应式的特性,那么我们可以。
2022-11-03 19:03:35
977
31
原创 Vue | Vue.js 组件化 知识拓展
Vue | Vue.js 组件化 知识拓展 生物学上,生物生命周期指的是一个生物体在生命开始到结束 周而复始所历经的一系列变化过程;每个组件都可能会经历从创建 挂载 更新 卸载等一系列的过程在这个过程的某一个阶段我们可能会想要添加一些属于自己的代码逻辑(如组件创建后请求服务器数据)但是我们如何可以知道目前组件正在哪一个过程?Vue给我们提供了组件的生命周期函数。
2022-11-02 15:38:38
685
7
原创 前端经典面试题 | New操作符的原理
前端经典面试题 | New操作符的原理🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
2022-11-01 18:31:59
599
10
原创 前端经典面试题 | Vue的computed 和 watch的区别
目录一、回答点二、深入回答1.实现原理2.适用场景computed是模版表达式的声明式描述,会创建一个新的响应式数据.而watch是响应式数据的自定义侦听器,用于响应数据的变化.computed具有缓存性及可依赖多个属性,getter函数没不良作用等特点.watch更适合异步或开销大的操作.总结: computed计算属性:依赖其他属性值,computed有缓存,只有它依赖的值发生改变,下次获取computed的值时才会重新计算它. watch侦听器:更多的是起到了观察的作用,无
2022-10-30 10:54:43
1299
5
原创 前端经典面试题 | this相关问题
🧑💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
2022-10-29 13:58:27
2839
8
原创 Vue | Vue.js 组件化 - 组件间通信
Props是你可以在组件上注册一些自定义的attribute父组件给这些attribute赋值,子组件通过attribute的名称获取到对应的值。
2022-10-28 13:28:16
1358
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人