背景 假设我现在有一个场景：有一个 父组件、子组件，子组件中有一个弹窗且能在子组件中控制弹窗的显隐，但是我在父组件中也需要去控制这个弹窗的显隐，我应该怎么做呢？ 人说，那你分别在 父组件、子...
前端实现文件预览（pdf、excel、word、图片）
前端实现文件预览功能 需求：实现一个在线预览pdf、excel、word、图片等文件的功能。介绍：支持pdf、xlsx、docx、jpg、png、jpeg。以下使用Vue3代码实现所有功能，建议以下的预览文件标签可以在外层包裹一层...
70 道高级 CSS 面试题及其答案与代码示例
今天这篇文章，我为大家整理了70道CSS面试题，因为文章篇幅的关系， 奠定基础的基本概念和技术。每个问题都附有详细的答案、代码示例供大家进一步学习。让我们深入了解高级 CSS 的世界！ 1、什么是 CSS ...
webpack和vite原理
每次用vite创建项目秒建好，前几天用vue-cli创建了一个项目，足足等了我一分钟，那为什么用 vite 比 webpack 要快呢，这篇文章带你梳理清楚它们的原理及不同之处！文章有一点长，看完绝对有收获！ 1. webpack...
JavaScript实现访问本地文件夹
这个功能放在之前是不可能实现的，因为考虑到用户的隐私，但是最近有一个新的api可以做到这一点。下面来进行一个简单的功能实现。 1. 如何选择文件夹 <!DOCTYPE html> <html lang="en"...
关于使用现代CSS新特性布局嵌套评论组件的尝试
我的好奇心驱使下，我想为什么不去查看一些热门网站，并了解一下它们是如何实现评论组件的布局。起初，我认为这将是一个简单的任务，但实际并非如此。 我花了很多时间试图理解这是如何工作的，以及如何通过现...
终于等到你，新的虚拟键盘API 即将到来，快来先睹为快吧！
开篇 你是否遇到过一个问题，即在移动设备上有一个固定元素，当键盘激活时，该元素会被键盘遮挡？这已经是多年来网络上的默认行为了。在本文中，我们将探讨这个问题，为什么会发生这种情况，以及如何使用虚拟...
如何深入理解 JavaScript 中的懒加载
懒加载是一种延迟加载非必要内容的方法，直到用户需要查看它为止。与其他加载方法不同，其他加载方法在访问页面时同时加载所有网站资源，而懒加载采取更加谨慎的方式。它延迟显示某些元素，如图片、视频和其他多...
JavaScript中“x !== x”可以返回True吗？
1.“x !== x”可以返回true吗？ 要输出“hello fatfish”，“x”的值应该是多少？ const x = ? // Please fill in the value of "x? if (x !== x) { console.log('hello fatfish') } 太奇妙了...
JavaScript 中有趣的 9 个常用编码套路
这篇文章是面向新手的，但如果幸运的话，希望能给各位大佬们带来一些小小的启发。 1、set对象：数组快速去重 常规情况下，我们想要筛选唯一值，一般会想到遍历数组然后逐个对比，或者使用成熟的库比如loda...