写在前面 本篇文章是全部采用的 <script setup> 这种组合式API写法，相对于选项式来说，组合式API这种写法更加自由，具体可以参考Vue文档对两种方式的描述。 本篇文章将介绍如下七种组件通信方式： ...

JavaScript 是前端领域里功能强大的编程语言，它也是现代 Web 开发的主要语言之一。 作为一名开发人员，拥有一组方便的 JavaScript 函数片段可以提高您的工作效率，并使您能够编写更清晰、更高效的代码。  ...

01-Vue组件之间通信方式有哪些 vue是组件化开发框架，所以对于vue应用来说组件间的数据通信非常重要。此题主要考查大家vue基本功，对于vue基础api运用熟练度。另外一些边界知识如provide/inject/$attrs则提现...

Q1：安装超时(install timeout)方案有这么些: cnpm : 国内对npm的镜像版本 /* cnpm website: https://npm.taobao.org/ */ npm install -g cnpm --registry=https://registry.npm.taobao.org // cnpm 的大多...

本文将介绍 CSS 中一个非常有意思的属性 mask 。 顾名思义，mask 译为遮罩。在 CSS 中，mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 其实 mask 的出...

整理了20个使用频率很高的ES6代码块 1. 打乱数组顺序 let arr = ['a', 67, true, false, '55'] arr = arr.sort(() => 0.5 - Math.random()) console.log(arr) //['a', false, ...

1. Vue 无法检测实例被创建时不存在于 data 中的 property 原因：由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 ...

前言 在工作中我们经常可以通过一些小细节来增加代码可读性，让代码看起来更加优雅。 今天就给大家分享一些一看就会的实用JavaScript优雅小技巧。 正片 减少 if...else 面条代码 一旦当我们写到...

前言 本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。 1、说说你对 SPA 单页面的理解，它的优缺点分别是什么...

在推特上面看到 T. Afif介绍的十个 Loading 效果。如上图。 Yeah，很赞哦，挺实用的，遂记录下来。 为保证运行正常，咱先规定下： * { box-sizing: border-box; } 1. 平滑加载 <div...