- 博客(12)
- 收藏
- 关注
RSS订阅原创 23、js闭包 如下：
因为正常情况下函数外部是访问不到函数内部作用域变量的,作用域分为了全局.函数级.块级作用域。我在性能优化的过程中,使用节流防抖函数就是闭包的原理,导航栏获取下标的使用。函数嵌套函数,内部函数被return 内部函数调用外。由于闭包长期驻留内存，则长期这样会导致内存泄露。可以在函数外部访问到函数内部的变量。将暴露外部的闭包变量置为null。可以隔离作用域，不造成全局污染。答：闭包说的通俗一点就是。
2023-10-26 20:56:39
74
原创 vue3自定义hook 如下：
Vue 3中引入了Composition API，它提供了一种新的方式来组织组件逻辑，并且可以使用自定义hook来重用逻辑。自定义hook是一个非常有用的功能，可以帮助我们在组件之间共享逻辑，并且可以使我们的代码更加模块化和可重用。的自定义hook，它接受一个初始值作为参数，并返回一个包含计数器值和增加/减少计数器值的函数的对象。然后，我们可以在模板中使用。在这个例子中，我们定义了一个名为。对象来显示计数器的值，并通过调用。在这个例子中，我们导入了。函数中调用它，将返回的。自定义hook，并在。
2023-10-26 20:49:33
115
原创 vue3实例销毁前的钩子函数一般做什么 如下：
清除计时器和动画：如果组件中使用了计时器或动画效果，需要在销毁前将其清除，以避免无效的计时器继续执行或动画效果导致的性能问题。取消订阅全局状态：如果组件订阅了全局状态管理工具（如 Vuex），需要在销毁前取消对状态的订阅，以避免无效的状态更新。清除定时器和取消订阅：在组件中使用了定时器或订阅外部事件时，需要在组件销毁前将其清除或取消，以防止内存泄漏。取消异步请求：如果组件中有未完成的异步请求，可以在销毁前取消这些请求，以避免请求结果返回后更新已销毁的组件。钩子函数来实现在组件销毁前执行清理操作的逻辑。
2023-10-26 20:38:51
1042
原创 vue3的中的createApp方法是 如下：
方法是Vue 3中用于创建应用程序实例的入口函数，它接受一个根组件选项对象作为参数，并返回一个应用程序实例。通过这个方法，我们可以启动Vue应用程序，并进行全局配置和注册组件、指令等操作。方法，我们可以创建一个根组件实例，并将其挂载到DOM元素上，从而启动Vue应用程序。这个方法接受一个根组件选项对象作为参数，并返回一个应用程序实例。等，可以用于注册全局组件、指令和插件。同时，应用程序实例还提供了一些全局配置选项，比如。方法创建的应用程序实例具有一些常用的方法，比如。，可以用于配置Vue应用程序的行为。
2023-10-25 10:09:37
491
1
原创 路由守卫的分类 如下：
全局前置守卫：全局前置守卫是在路由全局范围内注册的导航守卫函数。如果不调用 next() 函数，路由将不会发生跳转。组件内的守卫：组件内的守卫是在 Vue 组件内定义的导航守卫函数。例如，beforeRouteEnter、beforeRouteUpdate 和 beforeRouteLeave 函数等都属于组件内守卫函数。组件内守卫常用于处理组件内部的状态，在执行路由跳转时添加特定的逻辑。路由独享的守卫：路由独享的守卫是在路由配置对象中定义的导航守卫函数。路由独享的守卫常用于针对特定路由的逻辑处理。
2023-10-25 10:07:34
32
1
原创 js原型链
属性，它指向另一个对象，称为该对象的父对象或原型。属性与另一个对象形成连接的链式结构。属性，指向它的父对象，以此类推，形成了一个继承链。JavaScript中的原型链是指一个对象通过。
2023-10-19 11:16:39
28
原创 Vue的基本知识
computed，当实例中的一个属性数据发生改变的时候，computed里所有的计算属性都不会重新执行，只是发生改变的属性数据所在的计算属性重新执行。methods，当实例中的一个属性数据发生改变的时候，methods里所有的方法都会重新执行。共同点都可以做函数处理。
2023-10-18 20:44:16
23
1
原创 Webpack如何优化构建速度 如下
7、持久化缓存：通过使用 cache-loader 或 cacheDirectory 选项、babel-loader 的缓存等方式，将构建中的结果缓存到磁盘，可以在后续构建时复用缓存，减少无效构建过程。3、使用缓存：使用 cache-loader 或 hard-source-webpack-plugin 插件等来缓存构建过程中的中间结果，避免重复的模块转换和文件读写操作，从而加快构建速度。1、减少构建的文件数量：通过 tree shaking、代码拆分等方式来减少构建的文件数量。
2023-10-06 10:44:46
228
1
原创 Webpack如何优化产出代码 如下
1、生产环境压缩代码：在生产环境中，使用 UglifyJSPlugin 或 TerserPlugin 等插件对代码进行压缩，可以减少代码体积，提高加载速度。5、优化图片资源：使用 image-webpack-loader 或 url-loader 等插件对图片进行压缩和转换，可以减少图片体积，提升性能。2、按需加载代码：使用动态 import 或 React.lazy 动态加载组件代码，可以实现按需加载，减少初始加载时间。
2023-10-06 10:39:09
36
1
原创 React Hooks解决了哪些问题 如下：
1、状态逻辑复用问题：在 React 类组件中，实现状态逻辑复用需要使用 render props 或高阶组件，这样会增加组件层级，使代码变得更难维护。2、组件之间共享状态逻辑问题：在 React 类组件中，实现组件之间共享状态逻辑需要使用 Context 或 Redux，这样会增加代码复杂性。3、生命周期复杂性问题：在 React 类组件中，组件的生命周期方法经常会存在相互关联的问题，导致开发和调试过程中非常复杂。
2023-10-06 10:28:04
67
1
原创 React的知识可供参考
受控组件提供了一种可靠的、单一数据源的数据管理方案，使得表单数据的处理更加可控和可预测。4、使用React的虚拟化技术：当处理大量数据或复杂列表时，可以使用React的虚拟化技术，例如react-virtualized、react-window和react-lazyload等库，来只渲染可见区域内的内容，减少DOM节点数量，提高性能。5、需要注意的是，如果没有在组件树中的某个父组件上提供Context的值，那么在子组件中使用Context时将会默认使用Context对象的defaultValue属性的值。
2023-09-27 21:18:11
33
原创 React十大hooks
10、useDebugValue：用于在开发过程中为自定义Hook提供标签，以便在React DevTools中更好地调试。5、useRef：返回一个可变的ref对象，用于在函数组件之间保存可变值，类似于类组件中的实例属性的概念。2、useEffect：用于在组件渲染完成后执行副作用操作，例如发起网络请求、订阅事件等。4、useReducer：类似于Redux中的reducer，用于处理复杂的状态逻辑。6、useMemo：用于在渲染期间缓存计算结果，以避免在每次渲染时重新计算。
2023-09-27 10:04:32
316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人