浏览器 01、实现全屏 当你需要将当前屏幕显示为全屏时,以下代码对你有用。 function fullScreen() { const el = document.documentElement const rfs = el.requestFullScreen || ...
11个杀手级的实用JavaScript单行代码
JavaScript是一门简单而复杂的语言,简单是因为他有很多框架库可以使用,复杂也是因为它有太多的框架库可以选择。 很多时候,我们不知道如何使用,但是,在实际开发中,我们经常用的东西真的不多,在前端领域...
分享30个你必须知道的JS基础知识
今天这篇文章整理了30个你必须知道的关于JavaScript的常识点,无论你是面试还是日常开发,都会给你很大的帮助。 1. ‘&&’运算符能做什么? && 运算符,也称为逻辑与,计算操作数并返回它遇...
JS 中 Map 对象高级用法
继续讨论 Map 对象,重点介绍它的遍历方法、高级用法,及其与 Object 的区别。 对了,在 Map 和 Object 之间,你更倾向于使用哪一个呢?在项目中,它们是否曾对你造成过困扰呢?如果你没...
初步了解了 JS 中 Map 对象
在 JS 中,你是通过对象来存储键值对的嘛?你是否使用 JavaScript 对象来存储和管理一组相关数据呢?这些数据由一些具有唯一名称(键)的属性组成,每个属性都有一个值。 如果你的回答是肯定的,那你可能就 O...
你可能忽略的HTML安全漏洞:rel=’noopener’深入理解
现如今,网络安全已经成为我们不可忽视的一个问题。不管是大厂还是小作坊,每一位开发者都会有这方面的考虑。然而,我们通常会花费大量的时间和精力在后端服务上,对于前端来说,可能会忽视这方面的考虑。 今...
开始使用Vue 3时应避免的10个错误
Vue 3 稳定已经有一段时间了。许多代码库正在生产中使用它,其他人最终也必须进行迁移。我有机会与它一起工作,并记录了我的错误,这可能是你想避免的。 1.使用响应式助手声明基本类型 数据声明曾经很简单...
新的 CSS 视口单位:svh、lvh、dvh!
CSS 的 Viewport单位听起来很棒。 如果你想将一个元素设置成全屏高度,你可以设置高度:100vh,这样你就有了一个完美的全屏元素,它会随着视口的改变而改变大小!!! 遗憾的是,事实并非如此!...
Vue3的七种组件通信方式
写在前面 本篇文章是全部采用的 <script setup> 这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。 本篇文章将介绍如下七种组件通信方式: ...
11个非常有用的 JavaScript 函数代码片段
JavaScript 是前端领域里功能强大的编程语言,它也是现代 Web 开发的主要语言之一。 作为一名开发人员,拥有一组方便的 JavaScript 函数片段可以提高您的工作效率,并使您能够编写更清晰、更高效的代码。 ...
