现如今,网络安全已经成为我们不可忽视的一个问题。不管是大厂还是小作坊,每一位开发者都会有这方面的考虑。然而,我们通常会花费大量的时间和精力在后端服务上,对于前端来说,可能会忽视这方面的考虑。 今...
开始使用Vue 3时应避免的10个错误
Vue 3 稳定已经有一段时间了。许多代码库正在生产中使用它,其他人最终也必须进行迁移。我有机会与它一起工作,并记录了我的错误,这可能是你想避免的。 1.使用响应式助手声明基本类型 数据声明曾经很简单...
新的 CSS 视口单位:svh、lvh、dvh!
CSS 的 Viewport单位听起来很棒。 如果你想将一个元素设置成全屏高度,你可以设置高度:100vh,这样你就有了一个完美的全屏元素,它会随着视口的改变而改变大小!!! 遗憾的是,事实并非如此!...
Vue3的七种组件通信方式
写在前面 本篇文章是全部采用的 <script setup> 这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。 本篇文章将介绍如下七种组件通信方式: ...
11个非常有用的 JavaScript 函数代码片段
JavaScript 是前端领域里功能强大的编程语言,它也是现代 Web 开发的主要语言之一。 作为一名开发人员,拥有一组方便的 JavaScript 函数片段可以提高您的工作效率,并使您能够编写更清晰、更高效的代码。 ...
Vue经典面试题详解
01-Vue组件之间通信方式有哪些 vue是组件化开发框架,所以对于vue应用来说组件间的数据通信非常重要。此题主要考查大家vue基本功,对于vue基础api运用熟练度。另外一些边界知识如provide/inject/$attrs则提现...
60个Vue常见问题汇总及解决方案
Q1:安装超时(install timeout)方案有这么些: cnpm : 国内对npm的镜像版本 /* cnpm website: https://npm.taobao.org/ */ npm install -g cnpm --registry=https://registry.npm.taobao.org // cnpm 的大多...
奇妙的 CSS MASK
本文将介绍 CSS 中一个非常有意思的属性 mask 。 顾名思义,mask 译为遮罩。在 CSS 中,mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 其实 mask 的出...
20个不容错过的ES6技巧
整理了20个使用频率很高的ES6代码块 1. 打乱数组顺序 let arr = ['a', 67, true, false, '55'] arr = arr.sort(() => 0.5 - Math.random()) console.log(arr) //['a', false, ...
Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸
1. Vue 无法检测实例被创建时不存在于 data 中的 property 原因:由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化,所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 ...