- 博客(232)
- 收藏
- 关注
RSS订阅原创 vue3 svg-sprite-loader
add(resolve('src/components/svgIcon/icon')) //处理svg目录。//重点:删除默认配置中处理svg,// 获取当前svg目录所有为.svg结尾的文件。// 解析获取的.svg文件的文件名称，并返回。6把svg.js 引入main.js文件。7修改vue.config.js文件。5.新建svg.js 文件。4.下载一些svg 图片。
2023-02-17 12:48:45
1408
1
原创 electron 项目 remote 问题解决
高版本 require(electron).remote.BrowserWindow 报错 undefined，是因为从V14开始移除了remote，要使用的话需用通过npm引入。
2022-12-30 21:13:16
1134
1
原创 electron vite vue3 ts搭建
根目录新建 electron / index.ts。修改vite.config.ts 配置文件。修改package.json。创建一个vite 项目。安装electron。
2022-12-30 17:40:05
1419
1
原创 Electron项目创建
1. 克隆仓库，快速启动npm start打开快速启动的项目，主要有以下几个文件：(1). index.html ，渲染进程；(2). render.js，渲染进程，在index.html中引用；(3). main.js，主进程；(4). preload.js，监听DOM加载完成，在主进程中调用。2. 通过脚手架搭建项目// 进入项目// 启动项目npm start。
2022-12-29 21:15:28
143
1
原创 react 富文本编辑器react-draft-wysiwyg 的使用总结
【代码】react 富文本编辑器react-draft-wysiwyg 的使用总结。
2022-12-08 22:07:08
234
1
原创 React中使用Axios及解决跨域问题
setupProxy.jsaxios请求正常写，post 和 put 要在参数中额外加请求体对象属性react项目跨域问题的解决方案setupProxy.js
2022-12-06 18:51:25
734
2
原创 react immutable
map list fromjs setin updatainimmutable实现的原理是(持久化数据结构),也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免深拷贝把所有的节点都复制一遍带来的性能损耗，immutable使用了结构共享，即如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其他节点则进行共享， 是一种持久化数据。它有一旦被创建就不会被修改的特性。当你修改 immutable 对象的时候返回新的 immutable。但是原数据不会改变。Map() 原生ob
2022-12-05 12:18:18
191
1
原创 redux 中间件
/ 利用reducer将store和action串联起来。// 利用store来保存状态（state）// 利用action来修改状态。// 1.定义一个状态（数据）
2022-12-01 16:12:40
419
原创 Redux 中间件
Redux 自身只能处理同步数据流。但是在实际项目开发中，状态的更新、获取，通常是使用异步操作来实现。它主要设计用来处理项目中的异步操作，如获取接口数据等。能够理解中间件的触发时机。
2022-12-01 16:05:12
64
1
原创 react redux demo
changeAPPEND()}>修改数据namechangeREMOVE()}>修改数据namechangeADD(5)}>修改数据+5 初始数据:{name}
2022-12-01 14:46:13
273
1
原创 react 路由
Page2 {...props}>:} //要加{...props}才能有路由信息。console.log(props) // history，location，match等路由信息。console.log(props) //没有路由信息。
2022-11-30 12:56:02
34
1
原创 react-router 和react-router-dom
基于react-router，加入了在浏览器运行环境下的一些功能，例如Link组件、BrowserRouter和HashRouter组件。:实现了路由的核心功能。
2022-11-29 16:15:58
130
1
原创 react useContext():共享状态钩子
setCount(count + 1)}>{"点击+1"}子组件获得的点击数量：{count};父组件点击数量：{count}
2022-11-29 15:08:58
112
1
原创 useRef 与 createRef 区别
/不管你怎么点击按钮，value的值都会是80，并不会发生变化，这是因为ref对象的改变，并不会触发页面的更新setChange({})更新页面。2：ref对象可以用于保存数据。3 获取子组件的属性或方法。
2022-11-29 11:19:10
486
1
原创 react hooks useMemo
3.case3 （设置第二个参数为[arr]，arr变化就会更新）第二个参数不设置，页面首次加载和页面更新，都会重新加载。2.case2 （设置第二个参数为[]，首次加载更新）1.case1 （不设置第二个参数，无优化效果）},[count])//关注点。},[])//关注点。
2022-11-29 10:44:26
804
1
原创 react hooks useEffect的使用
useEffect不传递第二个参数会导致每次渲染都会运行useEffect。然后，当它运行时，它获取数据并更新状态。然后，一旦状态更新，组件将重新呈现，这将再次触发useEffect，这就是问题所在。}) //所有更新都执行。
2022-11-28 20:53:09
175
1
原创 react 生命周期
}')}}');}')}')}state={msg:'sb'}msg:'lc'})}render() {return ()}}
2022-11-28 11:31:43
301
1
原创 react 跨级举荐通信
1- 创建 Context 对象 导出 Provider 和 Consumer 对象。{value => /* 基于 context 值进行渲染*/}3- 需要用到数据的组件使用 Consumer 包裹获取数据。2- 使用 Provider 包裹上层组件提供数据。{/* 根组件 */}
2022-11-28 10:42:13
250
1
原创 react 无状态组件
无状态组件就是不需要管理state，只是单纯的展示，这种方式声明的组件可读性好，减少代码量。没有state和生命周期。无状态组件需要生命周期，可以搭配高阶组件hoc来实现。无状态组件作为高阶组件的参数，高阶组件有生命周期和状态，
2022-11-25 12:50:56
385
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人