React避免不必要的重新渲染的方法示例
目录 1. 使用 React.memo 缓存组件 2. 避免过度使用内联函数 3. 利用 PureComponent 4. 优化功能组件中的 useSelector 5. 在类组件中实现 shouldComponentUpdate 1. 使用&n...
Vue3子组件watch无法监听父组件传递的属性值的解决方法
目录 1 问题描述 2 引发原因 3 解决方法 1 问题描述 假设子组件 ChildComponent 中有个属性a,默认值为 0,并且通过侦听器 watch 监听其数值变化。在父组件 ParentComponent 中调用子组件并将属...
在Vue3中实现四种全局状态数据的统一管理的方法
目录 四种全局状态数据 特性1. 支持异步数据和同步数据 特性2. 自动缓存 特性3. 自动更新 特性4. 减少重复请求 特性5. 内存优化 特性6. 持久化 特性7. SSR支持 特性8. 自动命名空间隔离 如何创...
Vue如何通过Vue.prototype定义原型属性实现全局变量
目录 Vue通过Vue.prototype定义原型属性实现全局变量 这种情况下 如果我们运行下述代码 假如我们在main.js中通过如下方式定义原型属性 控制台日志中会先出现 “My App” 总结 Vue通过Vue.protot...
Vue.use()和Vue.prototype使用详解
目录 Vue.use()作用 Vue的使用场景 1.ElementUI、VueRouter等官方插件的使用 2.自定义插件,并提供install方法 Vue.prototype作用 Vue.use()和Vue.prototype的区别 总结 Vue.use()作用 官方文档...
JavaScript中的 Date(日期)对象及使用示例
目录 一、Date对象 1、创建日期 2、获取日期 3、设置日期 4、转换日期 5、获取时间戳 二、格式化Date对象 一、Date对象 JavaScript中内置了一个Date对象,它非常强大,提供了很多属性和方...
vue3中如何使用live2D
目录 概述 Live2D 介绍 Live2D 是什么 Live2D 主要特点 Live2D 效果 vue3 中使用 Live2D 封装 Live 组件 Demo地址 概述 本文将介绍如何在vue3项目中使用Live2D。 Live2D 介绍 Live2D 是什么 Liv...
vue中的keep-alive用法指南
目录 什么是keep-alive? keep-alive重要的配置选项 生命周期钩子 适用场景 keep-alive的核心原理 keep-alive的源码解析 1.缓存机制 2.组件的缓存和激活 3.LRU缓存策略 4.生命周期的管理 ...
vue.config.js中配置configureWebpack和chainWebpack以及一些常用的配置
目录 configureWebpack 介绍 用法 常见配置示例 示例 chainWebpack 介绍 用法 常用配置示例 注意事项 详细示例 总结 configureWebpack 介绍 configureWebpack 允许你在 Vue CLI 项目中直接修改 ...
使用webpack-obfuscator进行代码混淆及报错解决过程
目录 背景 webpack-obfuscator 介绍 安装 参数解析 配置示例 总结 背景 随着前端技术的发展,特别是单页应用(SPA)的普及,越来越多的应用逻辑和业务代码暴露在客户端浏览器中运行。 这使得应...


















