每次用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...
JavaScript 中常用简写技巧总结
分享一些自己常用的js简写技巧，长期更新，会着重挑选一些实用的简写技巧，使自己的代码更简洁优雅~ 这里只会收集一些大多数人不知道的用法，但是确实能提高自己的编码技巧，像ES6那些基础的简写语法或者是三...
分享20 个你应该了解的JS 编码技术
这些技巧你都知道吗？删除cookie、格式化money、获取url的查询参数……这些JavaScript技巧可以大大提高我们的工作效率。 因此，今天这篇文章，我准备了 20 个 JavaScript 技巧想与大家分享。 1.操作url的技...
立体文字特效
使用CSS实现立体文字，首先在页面上准备好这么一个文字<h1>立体文字</h1>,给h1设置一个字体大小 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...