摘要：
一、概念和作用 写在函数式组件里的 “函数调用代码”。如果函数式组件重新渲染时，每次都会执行“调用函数的代码”。如果不是必须的，那么就是性能的浪费。useMemo就是解决这个问题的。即：useMemo是防止不必要的的函数调用。 文字描述总是让你很难理解。很抽象。还是要看代码的。 格式：useM 阅读全文
摘要：
react_hooks的useCallback，高阶函数memo一、概念和作用1、memo高阶函数：memo解决的是函数式组件的无效渲染问题，当函数式组件重新渲染时，会先判断数据是否发生了变化。相当于类组件的PureComponent（默认提供ShouldComponentUpdate） 2、use 阅读全文
摘要：
一、作用 可以使得你在函数组件中执行一些带有副作用的方法。 每当 React组件更新之后，就会触发 useEffect，在第一次的render 和每次 update 后的useEffect触发，不用再去考虑“初次挂载”还是“更新”。React 保证了每次运行 effect 的同时，DOM 都已 阅读全文
摘要：
一、作用： useState让函数式组件也可以处理状态。 二、格式： 1、定义状态： const [状态名，更新状态的函数] = React.useState(初始值|函数); 如： 1）、基本类型的状态 声明一个新的叫做 “count” 的 state 变量，初始值为0 。 const [ 阅读全文
摘要：
一、场景： 一般来说，我们在使用第三方UI组件库（如：vant，element-plus等）时，UI组件库自带的样式不能满足用户的个性化需求时，就需要我们开发人员自己动手对组件库的局部样式进行修改。 二、修改UI组件库的顺序和方法 1、修改主题1、修改主题：每个ui组件库都有专门的修改主题的解释，如 阅读全文
摘要：
1、数据绑定原理不同 vue2：vue2的数据绑定是利用ES5的一个API：Object.definePropert() 对数据进行劫持，结合发布订阅模式的方式来实现的。 vue3：vue3中使用了ES6的Proxy API对数据代理。相比vue2.x，使用proxy的优势如下： definePro 阅读全文
摘要：
从功能作用的角度区分： 1、loader： loader从字面的意思理解，是 加载 的意思。 由于webpack 本身只能打包commonjs规范的js文件，所以，针对css，图片等格式的文件没法打包，就需要引入第三方的模块进行打包。 loader虽然是扩展了 webpack ，但是它只专注于转化文 阅读全文
摘要：
单页面是指只有一个主页面的应用，浏览器一开始要加载所有必须的html, js, css。 所有的页面内容都包含在这个所谓的主页面中。 但在写的时候，还是会分开写（页面片段），然后在交互的时候由路由程序动态载入。 优点： 公共资源不重新加载，局部加载，服务器压力小 切换速度快，用户体验好 前后端分离 阅读全文
摘要：
pinia和vuex的区别 pinia它没有mutation,他只有state，getters，action【同步、异步】使用他来修改state数据 pinia他默认也是存入内存中，如果需要使用本地存储，在配置上比vuex麻烦一点 pinia语法上比vuex更容易理解和使用，灵活。 pinia没有m 阅读全文
摘要：
认识Pinia Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。 上面这个是官网对Pinia的一个定义，从定义上我们其实可以看出来，它可能比Vuex要精炼一些。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的 状态，并以相应 阅读全文