- 博客(19)
- 收藏
- 关注
原创 react将字符串标签转换成html标签
将像标签一样的字符串转换成html标签在页面展示的三种方式,如将用字符串包裹的 iconfont标签转换成html标签,
2023-09-27 10:22:58
1940
1
原创 react——路由
前端路由就是把不同路由对应不同的内容或页面对应展示出来。路由可以帮助我们很好的管理页面和代码,增强用户的体验感。路由模式有hash和 history 两种模式,通常用hash模式。在react中,react-router是跨平台的,内置通用组件和通用Hooks。
2023-02-03 15:37:31
5734
原创 Redux拓展
除了redux之外,还有两种中间件(Redux-thunk和Redux-saga)和常用组件(React-Redux),虽然用redux可以解决遇到的问题,但是学习这几种会使开发事半功倍。
2023-02-02 18:58:23
313
1
原创 react——组件通信
组件通信分为父子组件之间的通信和非父子之间的通信 ,在父子组件通信中用到的是父传子(传递数据),字传父(传递方法),类组件多了个this,函数组件则不需要this。非父子组件通信,跨域的比较大,组件层级嵌套比较多,因此相对来说会比较复杂,但是也有方式来实现:状态提升(中间人模式,前提是必须是亲兄弟,关系复杂后不适用),发布订阅者模式(实际开发中用redux),context状态树传参(官方方法)
2023-02-02 16:53:00
1137
原创 react——useState和useReducer
useState和useReducer都是用来存储和更新state,useReducer状态管理是useState的升级版。useReducer可以在外部存储变量,实现异步操作。若要实现跨组件通信,需要结合useContext来实现
2023-01-04 14:57:30
723
2
原创 react——插槽
插槽的使用,需要在组件标签内部组合jsx内心,进行传递,因为jsx本身就是一个js对象,插槽直接使用隐藏属性children直接渲染到页面,也可以是数组或者对象,通过索引或者属性实现具名插槽。
2022-12-30 17:00:48
877
原创 react——ToDoList案例
todolist案例是一个类似于笔记本的一个小案例,能做到添加输入内容到列表中,指定删除对应的列表数据,前提基础要会react,掌握react中的事件和获取dom元素的值,以及状态的获取和修改。案例中的样式是最简单的一种,学会了之后,大家可以按照自己想要的设计风格修改,也可以扩展内容,如统计列表中展示的条数等。案例中需要注意的是深拷贝问题
2022-12-27 16:45:14
186
原创 react之ref
ref在react中是一个对象,它有一个current属性,可以对这个属性进行操作,用于获取DOM元素和保存变化的值。常用的案例是input标签来展示和实践。推荐方法:在函数式组件中调用useRef()函数和在类组件中调用createRef()函数,它们返回ref对象。在组件的整个生命周期中,ref对象一直存在:组件挂载,ref对象创建,组件销毁,ref对象销毁。
2022-12-27 11:19:17
937
原创 react——事件绑定
react有两种写法,一种是类组件,也叫有状态组件;一种是函数式组件,也叫无状态组件,而后引入了react hooks,函数式组件也能修改状态。在这两种组件中的事件绑定的原理一样,写法不一样。这篇文章主要就是记录这两种组件中的事件绑定写法。
2022-12-26 18:38:16
1806
原创 ue4云渲染——像素流送实践
ue4云渲染之像素流送实践,从安装配置到像素流送实践完成,其中遇到问题但最终解决问题问题一:执行到打包时提示无法找到xxx.uproject文件问题二:打包时日志提示安装vs2017问题三:双击run.bat报错或者黑框闪退问题四:点击click start时候,ue4服务器闪退......
2022-08-09 15:54:24
6370
3
原创 windows下的docker学习
window环境下的dockerdocker安装和命令的使用用Dockerfile构建一个镜像(windows环境)
2022-08-08 18:00:00
894
原创 Echarts之折线图
Echarts折线图图表配置:1、x轴方面:轴线、轴刻度、轴延长线、轴值2、y轴方面:轴线、轴刻度、轴延长线、轴值3、数据方面:连线、阴影面积、最高点显示标签和圆点
2022-07-14 11:24:00
3249
原创 原生js实现导航栏切换和点击更改折叠高度
原生js实现导航栏切换和点击更改折叠高度: 导航栏:点击可以切换内容;折叠按钮:根据点击次数来实现折叠的范围
2022-06-27 18:06:30
617
空空如也
前端之讯飞语音技术问题
2022-12-15
pkg打包node服务,报错345
2022-11-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人