![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react.js
鸥总
西安电子科技大学
展开
-
vue3+vite 用lib-flexible适配移动端及大屏方案
lib-flexible是淘宝项目组开源的一个项目,lib-flexible和px2rem-loader一起做适配方案,可以实现自动将css中的px转换成rem。从此段源码中我们不难看出,当屏幕宽度除以dpr(dpr是一个倍数,此处一般为1)大于540这个特定值的时候,那么就不再进行适配了。那么我们如何解决这个问题呢?在上述源码中,进行修改。在build/utils.js中,找到exports.cssLoaders,作出如下修改。在main.js/main.ts中引入lib-flexible。原创 2023-09-23 09:51:17 · 2102 阅读 · 0 评论 -
react useState useEffect useMemo实际业务场景中的使用
下面的代码实现了上面图片的功能。原创 2023-07-15 21:53:21 · 1533 阅读 · 0 评论 -
react中使用redux
【代码】react中使用redux。原创 2023-07-10 19:52:17 · 82 阅读 · 0 评论 -
react中使用高阶函数
常见的高级函数有:Promise,setTimeout(()=>{}),map(()=>{})等等。2.若A函数,调用的返回值依然是一个函数,那么A就可以称为高阶函数。如果一个函数符合下面2个规范中的任何一个,那该函数就是高阶函数。1.若A函数,接收的参数是一个函数,那么A就可以称高阶函数。原创 2023-07-10 16:28:07 · 593 阅读 · 0 评论 -
react路由的基本使用
路由两种模式BrowserRouter和HashRouter总结。路由组件传参(query/search)路由组件push和replace的使用。路由组件传参(params)路由组件传参(state)原创 2023-06-22 19:52:23 · 254 阅读 · 0 评论 -
react父子组件,任意组件传值
react类组件父组件给子组件传值,子组件使用props接收。原创 2023-06-22 16:05:09 · 835 阅读 · 0 评论 -
react中的useRef的使用
【代码】react中的useRef的使用。原创 2023-06-21 00:26:08 · 233 阅读 · 0 评论 -
react中useEffect基本用法及底层机制
(1)则第一次渲染完毕后,执行callback,等价于类组件中的生命周期 componentDidMount(一般在这个钩子中做一些初始化的事情)(1)只有第一次渲染完毕后,才会执行callback,每一次视图更新完毕后,callback不再执行)类似于 componentDidMount。(2)在组件每一次更新完毕后,也会执行callback,等价于 componentDidUpdate(更新阶段)(3)但是依赖的状态如果没有变化,在组件更新的时候,callback是不会执行的。原创 2023-06-20 20:22:21 · 1555 阅读 · 0 评论 -
react中useMemo的使用场景和作用
一个简单的demo函数组件的每一次更新,都是把函数demoState 重新执行一次产生一个新的闭包,内部的代码也要重新执行一遍如果我们修改的是weiNum/haoNum。视图更新的时候。我们可以让此逻辑重新计算但是如果我们是修改其他的状态值,视图更新了,此逻辑demoState 没必要在重新执行一次所以我们可以把上面的代码用useMemo 来修改。原创 2023-06-17 00:10:16 · 1290 阅读 · 1 评论 -
react jsx语法基础使用
行内样式 - style - 更优写法。类名 - className。行内样式 - style。原创 2023-06-14 16:14:58 · 56 阅读 · 0 评论 -
react 非授控组件和授控组件的区别
表单组件的状态/数据只由state 维护 修改只能通过setState()来更新,使用ref来从 DOM 节点中获取表单数据。表单数据是由 React 组件来管理。表单数据将交由 DOM 节点来处理。原创 2023-06-13 19:19:19 · 57 阅读 · 0 评论 -
react.jsdiff算法 key的作用
react.jsdiff算法 key的作用react.jsdiff算法 key的作用原创 2022-07-02 20:47:18 · 195 阅读 · 0 评论