自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 弹性布局,一行两列,一列固定宽,如何实现?

实现一个弹性布局,其中一行包含两列,一列为固定宽度而另一列自适应剩余空间,可以使用CSS的Flexbox布局模型来轻松完成。

2025-02-19 13:55:09 269

原创 组件通讯方式有哪些

methods: {</script>-- 父组件 Parent.vue --><template><script>methods: {

2025-02-19 13:52:25 228

原创 Promise通常会解决三种问题(1)链式回调(2)同时发起几个异步请求,谁先有结果就拿谁的(3)发起多个请求,等到所有请求后再做下一步处理这三种方式promise是怎么处理的?

在处理异步操作时,Promise提供了强大且灵活的方式来管理不同类型的异步任务。针对你提到的三种场景,下面是如何使用Promise。

2025-02-19 13:47:02 175

原创 Set和Map各是什么?

Set适合用于需要保证元素唯一性的场景,比如去重操作。Map则更适合于需要存储键值对,并且键不局限于字符串的情况,提供了一种更加灵活的数据存储方案。两者都提供了强大的功能来处理复杂的数据集合,并且由于它们支持迭代器协议,因此很容易与现代JavaScript的新特性(如解构赋值、扩展运算符等)结合使用。

2025-02-19 13:44:37 387

原创 用闭包的原理做过哪些?

闭包(Closure)在JavaScript中是一个非常强大的特性,允许函数访问并操作其词法作用域中的变量,即使这个函数在其词法作用域之外被调用。基于闭包的特性,可以实现多种有趣且实用的功能和设计模式。

2025-02-19 13:42:11 247

原创 如何实现小程序的request封装及拦截?

在小程序开发中,封装和拦截 请求可以让你更方便地管理网络请求、处理公共逻辑(如添加认证信息)、统一错误处理以及实现请求/响应的拦截。以下是如何实现这一目标的基本步骤:首先,我们可以创建一个通用的请求方法来封装 ,以便在整个应用中复用。实现请求拦截器请求拦截器可以在请求发送前对请求进行预处理,例如添加token等认证信息。实现响应拦截器响应拦截器允许你在接收到服务器响应后进行统一处理,例如判断登录状态、统一错误处理等。使用示例现在,你可以在你的小程序页面或组件中使用这个经过封装

2025-02-19 13:39:39 373

原创 URL到浏览器的一个过程有哪些步骤?

以上是简化的流程,实际上每一步都可能包含更复杂的细节和技术,例如重定向处理、异步资源加载、错误处理等。此外,现代浏览器还采用了多种优化技术来加速这一过程,比如预加载、预取和DNS预解析等。从输入URL到浏览器显示网页的过程涉及多个步骤,这是一个复杂且多层次的过程。

2025-02-19 13:36:54 161

原创 操作数组的方式有哪些?

操作数组的方式多种多样,既可以通过原生的JavaScript方法来实现,也可以利用一些库(如Lodash)提供的高级功能。

2025-02-19 13:34:33 359

原创 v-for为什么要加一个key?

在使用 Vue 的v-for指令渲染列表时,为每个元素提供一个唯一的key属性是非常重要的。key是用来帮助 Vue 标识每个节点的身份,从而更高效地更新虚拟 DOM(Virtual DOM)。以下是为什么需要为v-for提供key。

2025-02-19 13:31:18 279

原创 Vue2.0和vue3.0有什么区别?

Vue 2.0 和 Vue 3.0 之间有几个关键的区别,这些变化主要集中在性能优化、架构设计和开发体验上。以下是一些主要的不同点:响应式系统:性能:打包大小:Composition API:更好的 TypeScript 支持:组件实例挂载:生命周期钩子:模板编译器改进:新的特性:以上就是一些关于 Vue 2.0 和 Vue 3.0 区别的概述。随着 Vue 3 的发布,Vue 团队也提供了一些迁移指南帮助开发者从 Vue 2 升级到 Vue 3。如果你正在考虑升级你的项目,建议仔细阅读官方提供的迁移文档。

2025-02-19 13:29:15 322

原创 闭包是什么?如何实现?

简单来说,闭包是一个函数加上该函数创建时所处的作用域环境。这意味着闭包不仅包括函数本身,还包括函数能够访问的所有局部变量、全局变量以及嵌套函数的变量。

2025-02-19 13:27:20 238

原创 有用过图表吗?用的多吗?

在开发中使用图表是一个非常常见的需求,尤其是在需要展示数据趋势、分布、关系等场景时。图表可以帮助用户更直观地理解复杂的数据信息。

2025-02-19 13:26:01 292

原创 你的登录拦截怎么实现的?

登录拦截通常用于确保用户在访问特定资源或页面之前已经完成了身份验证。在基于Vue和Vue Router的应用中,实现登录拦截可以通过路由导航守卫来完成。下面是一个简单的示例,展示了如何使用全局前置守卫(beforeEach。

2025-02-19 13:24:34 281

原创 Vue的导航守卫有哪一些?

这些导航守卫提供了不同层次的控制能力,可以根据需要选择合适的守卫来管理应用中的路由行为。通过它们,开发者可以实现诸如身份验证、数据预取、权限校验等功能。Vue Router 提供了多种导航守卫(Navigation Guards),用于在路由切换的不同阶段执行特定的逻辑。

2025-02-19 13:22:47 202

原创 说一下防抖和节流。怎么实现?

防抖:适用于希望仅在用户停止操作一段时间后执行某项操作的情况,如搜索框输入后自动查询。节流:适用于需要持续响应但又不想过于频繁地触发回调的情况,如滚动加载更多内容。这两种技术都可以有效提高应用的性能和用户体验,选择哪种取决于具体的应用场景。如果你希望在一系列快速连续的操作结束后再执行某个动作,使用防抖;如果你希望在长时间内均匀分布执行某个动作,使用节流。

2025-02-19 13:21:14 255

原创 Vue的监听属性和计算属性有什么区别?

在 Vue.js 中,监听属性(watch)和计算属性(computed)都是用于响应数据变化的机制,但它们的设计目的和使用场景有所不同。

2025-02-18 14:30:53 180

原创 Vuex有几个属性及作用?

Vuex 是 Vue.js 的官方状态管理库,它帮助你集中管理应用中所有组件的状态。stategettersmutationsactions和modules。

2025-02-18 14:28:32 339

原创 组件通讯方式有哪一些?

子组件向父组件发送消息:子组件可以使用$emit方法触发一个自定义事件,并传递数据给父组件。父组件则监听这个事件来接收来自子组件的数据或通知。

2025-02-18 14:26:33 250

原创 Vue的生命周期有哪一些?说一下它们每个阶段做什么操作?

Vue 实例在其生命周期中会经历一系列的阶段,每个阶段都有对应的钩子函数(Lifecycle Hooks),允许开发者在特定时刻执行自定义逻辑。

2025-02-18 14:24:49 395

原创 说一下深拷贝和浅拷贝,如何自己实现一个深拷贝?

创建一个新对象,这个对象有着原始对象属性值的一份精确拷贝。但如果属性是引用数据类型(如数组或对象),拷贝的则是内存地址,因此两个对象指向的是同一个引用地址。:创建一个新对象,并且递归地将原始对象中的所有层级的对象都复制一份到新的对象中。这样,新的对象与原始对象没有任何关联,对新对象的任何操作都不会影响到原始对象。如果你需要处理循环引用,你需要记录已经拷贝过的对象,并检查新对象是否已经被拷贝过。然而,了解如何手动实现深拷贝也是非常有价值的,特别是在你想要避免引入额外依赖时。

2025-02-18 14:22:22 190

原创 数组去重有哪些办法?

在JavaScript中,有多种方法可以实现数组去重。

2025-02-18 14:20:08 140

原创 let、const、var三者有什么区别?

在JavaScript中,letconst和var。

2025-02-18 14:18:08 116

原创 说一下ES6的新特性有哪些?

这些只是ES6的部分新特性,实际上还有更多改进和新增功能,使得JavaScript更加现代化和强大。随着版本的更新,JavaScript持续引入新的特性,进一步提升了语言的表现力和灵活性。ES6(ECMAScript 2015)引入了许多新特性和语法糖,极大地增强了JavaScript的功能和开发者的工作效率。

2025-02-18 14:16:31 163

原创 JS的数据类型?如何判断js的数据类型?

JavaScript 中的数据类型可以分为两大类:基本数据类型(Primitive Types)和引用数据类型(Reference Types)。

2025-02-18 14:13:53 191

原创 本地存储有哪一些?他们三者有什么区别?

cookie和。

2025-02-18 14:08:47 290

原创 移动端如何适配不同屏幕尺寸?

通过上述方法的组合运用,可以有效地解决移动端适配问题,确保用户无论使用何种设备访问,都能获得最佳体验。此外,持续关注最新的Web技术和设计趋势也很重要,因为新的解决方案和技术标准不断出现,可能会带来更好的适配效果。在移动端开发中,适配不同屏幕尺寸是一个重要的考虑因素,以确保应用或网站能在各种设备上提供一致且良好的用户体验。

2025-02-18 14:05:33 216

原创 常用伪元素有哪一些?

CSS伪元素是用于定义文档中某些部分的样式,但实际上不在文档树中的元素。例如,在调用HTML5视频全屏播放时,可以设置其背后显示的内容。注意,这个伪元素不是所有浏览器都支持,而且它只能设置有限的属性,比如颜色、背景色等。(现代浏览器也支持不带双冒号的写法):用于改变表单域占位符文字的样式,如输入框内的提示文本。:应用于块级元素,用于设置元素文本第一行的样式,如首行缩进等。请注意,从CSS3开始,为了区分伪类和伪元素,推荐使用双冒号(:在元素的内容之后插入生成的内容。:在元素的内容之前插入生成的内容。

2025-02-18 14:02:19 128

原创 实现水平垂直居中的方式

Flexbox 和 Grid 方法因其灵活性和易用性成为目前最流行的解决方案,特别是当项目不需兼容过老版本浏览器时。如果需要支持更广泛的浏览器,可能还需要考虑绝对定位加。使用 CSS 的 Flexbox 布局可以非常方便地实现元素的水平和垂直居中。CSS Grid 布局也是一个强大的工具,可以轻松实现居中。选择最适合你的项目需求的方法是关键。来实现水平居中,但垂直方向上需要额外处理。利用 CSS 表格布局属性也可以实现居中。这种方法适用于需要支持较老浏览器的情况。对于已知宽高的元素,可以通过设置。

2025-02-18 13:56:31 204

原创 Object.defineProperty与Proxy的差异

和Proxy都是 JavaScript 中用于定义对象属性行为的工具,但它们在实现方式和功能上有一些重要的差异。

2025-02-18 13:49:12 244

原创 Vue基础

Vue的生命周期包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed等阶段,每个阶段对应着不同的操作,例如数据初始化、DOM挂载和销毁等。8、Let、const、var三者有什么区别?对象/数组常用方法包括push、pop、shift、unshift、slice、splice、concat、map、filter、reduce等。31、在vue的项目应用中,不使用框架,怎么封装?

2025-02-18 13:25:36 396

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除