![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 72
CreatorRay
这个作者很懒,什么都没留下…
展开
-
TypeScript中的Omit和Pick
Omit用于从一个类型中剔除指定属性,生成一个新类型。Pick用于从一个类型中选择指定属性,生成一个新类型。这两个类型工具在TypeScript中非常有用,可以帮助我们更精确地定义和操作类型,使得代码更具表现力和安全性,也能达到一定的复用性。原创 2024-06-28 17:15:37 · 246 阅读 · 0 评论 -
使用yarn的好处是什么
前端的包管理工具众多,很多项目都选择了yarn,那么使用yarn的好处是什么呢?原创 2024-06-28 17:14:29 · 250 阅读 · 0 评论 -
React逻辑复用的方式都有哪些
在日常开发中,能够优雅的复用组件和逻辑,是优秀开发者的职责。在react中,复用逻辑的方式有很多,可以适用于不同的业务场景。今天说三个比较有代表性的,Render Props、HOC、Hooks原创 2024-06-22 21:21:09 · 308 阅读 · 0 评论 -
React Hooks使用规则:为什么不在条件语句和循环中使用它们
React Hooks为函数组件引入了状态和生命周期特性,极大地增强了其功能。然而,正确使用Hooks是确保组件稳定性和性能的关键。本文将探讨React Hooks的基本规则,以及为什么我们不应该在条件语句和循环中使用它们。原创 2024-06-19 13:51:05 · 314 阅读 · 0 评论 -
GPT每日面试题-Typescript中type和interface的区别
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:typescript中type和interface的区别?原创 2024-04-30 11:05:16 · 815 阅读 · 0 评论 -
GPT每日面试题—csrf攻击的原理和解决方案
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:csrf原理和解决方案?原创 2024-04-30 10:30:30 · 872 阅读 · 0 评论 -
GPT每日面试题—css隐藏元素有哪些方法
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:css隐藏元素有哪些方法?原创 2024-02-22 01:05:27 · 371 阅读 · 0 评论 -
GPT每日面试题—instanceof与typeof的区别
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:instanceof与typeof的区别?原创 2024-02-22 00:46:04 · 351 阅读 · 0 评论 -
GPT每日面试题—箭头函数与普通函数的区别
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:箭头函数与普通函数的区别?原创 2024-02-22 00:39:33 · 377 阅读 · 0 评论 -
GPT每日面试题—null和undefined的区别
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:null和undefined的区别?原创 2024-02-22 00:38:16 · 346 阅读 · 0 评论 -
GPT每日面试题—HTTP状态码
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:常用HTTP状态码?原创 2024-02-08 17:43:52 · 402 阅读 · 0 评论 -
GPT每日面试题—如何理解JS原型链
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:如何理解JS原型链?原创 2024-02-08 17:27:15 · 330 阅读 · 0 评论 -
GPT每日面试题—如何理解闭包
充分利用ChatGPT的优势,帮助我们快速准备前端面试。今日问题:如何理解闭包?原创 2024-02-07 18:47:24 · 385 阅读 · 0 评论 -
GPT每日面试题—如何理解事件循环
充分利用ChatGPT的优势,帮助我们快速准备前端面试。原创 2024-02-01 02:38:19 · 344 阅读 · 0 评论 -
React Hooks大全—useRef
本文将重点介绍useRef这个Hook,它可以让你在组件的整个生命周期中访问一个可变的引用对象。原创 2024-01-29 01:45:41 · 1025 阅读 · 0 评论 -
React Hooks大全—useContext
在本文中,我们将重点介绍useContext这个Hook,它可以让你在函数组件中轻松地访问React Context,从而实现跨组件的状态共享。我们将从基本使用,实现原理,最佳实践,以及一些常见的问题和解决方案来探讨useContext的用法和优势。我们还将给出一些必要的代码示例,帮助你更好地理解和应用useContext。原创 2024-01-17 22:03:51 · 1284 阅读 · 0 评论 -
React Hooks大全—useCallback
在本文中,我们将重点介绍一个React常用的内置Hook,即useCallback。useCallback可以让我们缓存函数,避免因为函数引用的变化而导致不必要的子组件重渲染。我们讲解它的基本使用、实现原理、与useMemo的区别、最佳实践等。原创 2024-01-07 23:34:52 · 1225 阅读 · 0 评论 -
React Hooks大全—useMemo
React Hooks有很多种,其中之一就是useMemo,它可以帮助我们优化组件的性能,避免不必要的渲染和计算。本文将介绍useMemo的基本使用,实现原理,最佳实践和一些常见的问题。原创 2024-01-01 13:04:54 · 526 阅读 · 0 评论 -
ReactHooks大全—useEffect
React Hooks是一种在函数组件中使用状态和生命周期等特性的方法。useEffect是其中一个常用的Hook,它可以让你在组件渲染后执行一些副作用操作,比如发送网络请求、订阅事件、修改DOM等。在本文中,我们将介绍useEffect的基本使用、实现原理、最佳实践,并给出一些代码示例。原创 2023-12-17 01:04:01 · 199 阅读 · 0 评论 -
ReactHooks大全—useState
React Hooks是React 16.8版本引入的一种新的编程范式,它可以让我们在不使用class的情况下,使用state和其他React特性,。React Hooks的出现,不仅提高了函数组件的功能和复用性,也简化了组件的编写和维护,让我们的代码更加清晰和优雅。本文将详细介绍useState基本使用、工作原理以及最佳实践。原创 2023-12-15 00:36:10 · 140 阅读 · 0 评论 -
Map 和 WeakMap:JavaScript 中的键值对集合
JavaScript 是一种动态、弱类型的脚本语言,经常用于构建现代 Web 应用程序。在编写 JavaScript 代码时,我们经常需要使用各种数据结构来存储和管理数据。其中,Map 和 WeakMap 就是两个非常有用的数据结构,它们分别提供了用于存储键值对的容器。在本文中,我们将深入探讨这两个数据结构,了解它们的用途、基本使用方法以及区别。原创 2023-11-21 01:46:48 · 268 阅读 · 0 评论 -
React组件在什么情况下会重新渲染
当我们使用React编写组件时,组件的重新渲染是一个重要的概念。重新渲染是指React组件在特定情况下会重新执行其渲染函数,更新用户界面以反映最新的数据。很多情况下,组件不必要的重新渲染会严重影响性能,所以要充分了解触发组件重新渲染的条件。原创 2023-11-16 22:37:29 · 585 阅读 · 0 评论 -
JSON方法实现深拷贝存在的问题
现在的前端面试中,深拷贝出现的频率极高。常规的问题中,可能首先问你,什么是深拷贝,实现深拷贝的方式都有哪些,你可能会答出几点,比如通过JSON对象提供的JSON.strinfy和JSON.parse来实现,因为这种实现方式异常简单,一行代码即可,心里美滋滋,你让我手写我丝毫不慌。那么,面试官如果反手问一句,通过JSON提供的方法实现深拷贝会不会存在哪些问题?你是否能答出满意的结果呢。原创 2023-11-11 02:15:53 · 559 阅读 · 0 评论 -
如何利用浏览器的可见性API优化网站性能
最近在使用微软AI聊天工具Bing时,发现一个有趣的东西。我向它提问后,它在持续输出的过程中,如果我离开了当前它的浏览器会话,比如切屏,看当前浏览器的其它标签页,它会默认停止它的输出,等我回来它才继续。我们来探讨一下这个现象的实现方式,以及它的作用。原创 2023-11-08 19:16:49 · 107 阅读 · 0 评论 -
微信小程序云开发如何实现多条件多字段模糊查询
之前的博文中,已经跟大家介绍过,微信小程序云开发如何实现单条件单字段的模糊查询,这个是很常见的业务需求。在一些更复杂的场景下,我们需要实现多条件多字段的模糊查询,比如同时兼容对商品名称、类别、产地等多条件的模糊查询。我们看一下云开发如何实现。原创 2023-10-31 01:49:31 · 1607 阅读 · 0 评论 -
微信小程序云开发如何优雅的实现模糊查询
微信官方自从推出微信小程序云开发之后,让小程序开发的门槛再次降低,你可以不需要掌握任何后端的语言和数据库,有一些js的基本功,就可以完成一个完整带前后端交互功能的小程序项目。今天我们介绍一个日常开发中非常常见的需求,就是实现模糊查询,这个主要是后端做的,我们看看云开发如何实现。原创 2023-10-30 00:44:37 · 1438 阅读 · 0 评论 -
为什么POST请求经常发送两次?
大多数初级前端程序员,在通过浏览器F12的调试工具调试网络请求时,可能都会有一个发现,在进行POST请求时,明明代码里只请求了一次,为什么network里发送了两次呢,难道我代码出bug了?带着疑问点开第一个请求才发现,原来第一个是OPTIONS类型的请求,第二个才是我代码里写的POST类型的请求。那为什么,POST请求之前默认伴随着一个OPTIONS请求呢?原创 2023-10-26 01:29:49 · 1262 阅读 · 0 评论 -
在使用v-for时,为什么要加key
在Vue中,v-for 是一个强大的指令,用于循环渲染列表数据。然而,当你使用 v-for 渲染列表时,经常会遇到一个重要的问题:为什么一定要为每个循环项指定一个 key 属性?这篇博文将深入探讨这个问题,从底层原理出发,分析为什么 key 是必不可少的。原创 2023-09-29 03:09:34 · 264 阅读 · 0 评论 -
全面了解v-if和v-show的区别
在Vue中,v-if和v-show都是用于控制元素的显示与隐藏的指令。虽然它们看起来有些相似,但它们在实现和使用上有很大的区别。在本篇博文中,我们将深入探讨v-if和v-show的区别,包括它们的底层原理、适用场景以及示例代码。原创 2023-09-25 02:17:06 · 450 阅读 · 0 评论 -
Vue性能优化指南
Vue 是一款流行的JavaScript框架,用于构建现代化的单页面应用程序(SPA)。然而,在构建大规模应用时,Vue的性能可能会成为一个挑战。本篇博文将介绍一系列Vue性能优化技巧,以确保你的应用在性能方面表现出色。我们将讨论从组件级别到整体应用级别的性能优化策略。原创 2023-09-22 18:57:28 · 175 阅读 · 0 评论 -
如何使用插件扩展Vue的功能
Vue 是一款流行的前端 JavaScript 框架,它的核心库提供了许多强大的功能,但有时我们需要额外的功能来满足特定需求。这时,使用插件来扩展 Vue 的功能是一个很好的选择。本文将详细介绍如何使用插件来扩展 Vue 的功能,包括创建、注册和使用插件。原创 2023-09-22 14:16:33 · 332 阅读 · 0 评论 -
使用Composition API和setup语法糖重构Vue组件
Vue3 引入了Composition API。它是一种更灵活的方式来组织和复用组件的逻辑,而不是依赖于传统的选项式API(如data, methods, computed等)。Composition API的核心是一个名为setup的函数,它可以在组件创建之前执行,并返回一个对象,该对象包含了组件所需的所有属性和方法。原创 2023-09-20 15:04:49 · 359 阅读 · 0 评论 -
Vue自定义指令的高级用法
Vue 是一款流行的 JavaScript 框架,广泛用于构建现代化的用户界面。其中一个强大的特性是指令,它们允许你在模板中添加特殊行为和交互效果。在本篇博文中,我们将深入探讨自定义 Vue 指令的高级用法,包括创建全局指令、局部指令、修饰符、参数以及钩子函数等。原创 2023-09-20 11:18:19 · 85 阅读 · 0 评论 -
详解Vue的nextTick
当我们使用Vue来构建Web应用程序时,我们常常需要在DOM更新后执行一些操作,以确保我们的操作不会与Vue的响应式系统发生冲突。为了做到这一点,Vue提供了$nextTick方法(在Vue 2中)和nextTick函数(在Vue 3中)。原创 2023-09-19 23:19:44 · 149 阅读 · 0 评论 -
封装使用Axios进行前后端交互
Axios是一个强大的HTTP客户端,用于在Vue.js应用中进行前后端数据交互。本文将介绍如何在Vue中使用Axios,并通过一个企业应用场景来演示其实际应用。原创 2023-09-19 22:21:13 · 211 阅读 · 0 评论 -
使用VueCli快速搭建项目
本文将介绍如何使用Vue Cli来快速搭建一个 Vue 项目。Vue Cli 是一个官方提供的脚手架工具,可以帮助你轻松创建和管理 Vue 项目,同时也支持最新的 Vue 3 版本。在本文中,我们将从安装 Vue Cli 开始,然后创建一个全新的 Vue 3 项目。原创 2023-09-07 15:01:29 · 102 阅读 · 0 评论 -
Vue的插槽与作用域插槽详解
在Vue中,插槽(Slot)是一个非常强大且灵活的特性,用于在父组件中定义子组件的内容。Vue提供了两种主要类型的插槽:默认插槽(Slot)和作用域插槽(Scoped Slot)。本篇博文将深入介绍这两种插槽类型,从基础到进阶。原创 2023-09-07 10:30:25 · 181 阅读 · 0 评论 -
Vue的动画和过渡效果详解
产品中优雅的交互动画可以吸引更多用户留存使用,对于前端的动画实现要求也越来越高了。在Vue中提供了一些快捷、方便的标签和内置属性来更加优雅的实现动画和过渡效果,今天我们来一起学习一下。原创 2023-09-06 17:10:08 · 141 阅读 · 0 评论 -
Vue自定义指令详解
自定义指令是 Vue.js 中一个强大的特性,它允许你在 DOM 元素上添加自定义行为。本篇文章将深入介绍 Vue 自定义指令的基础知识和进阶用法,包括详细示例和一些著名的开源自定义指令的介绍。原创 2023-09-05 00:14:41 · 147 阅读 · 0 评论 -
Vuex使用详解(基础到进阶通关大全)
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它可以让我们更方便地管理应用程序的数据流,实现组件之间的通信,以及构建复杂的业务逻辑。在本文中,我将以 Vuex 的使用详解为主题,介绍 Vuex 的基本用法和高级用法,以及一些常见的问题和解决方案。本文假设你已经对 Vue.js 有一定的了解。原创 2023-09-04 19:26:29 · 145 阅读 · 0 评论