我们平时开发的时候，肯定都会接触到表单吧，那大家有没有想过一件事情，为啥你每次输入的时候，就能马上触发到表单的校验呢？ 有些兄弟就会好奇，这些个 input 框改变的时候，是怎么能触发到顶部 form ...
如何最快捷计算【白屏时间 FCP】和【首屏时间 LCP】
当我们被问到网页的性能问题时，我们往往会想到 首屏时间、白屏时间，但是其实很多人根本分不清这两个到底有啥区别，一问也是三不知，问你怎么计算的你也不知道，所以本文章教你怎么去计算这两个时间吧~ ...
为啥面试官总喜欢问computed是咋实现的？
而对于每天都在用的计算属性(computed)，我猜你肯定也想窥探其奥妙与原理对吧！走起！！！ 从computed的特性出发 computed最耀眼的几个特性是啥？ 1. 依赖追踪 import { reactive, computed } from ...
从五年前的老代码中，学到了一个超级有用前端代码技巧~
背景 最近在看一个五年前的比较老的工具库源码，学到了一点代码的小技巧，我觉得对于以后的异步操作开发来说挺有用的，所以今天写了一篇文章，分享给大家~ 例子 假设，现在有一个类，这个类维护了一个d...
为解决 localStorage 容量问题，我写了一个 NPM 库~
源码地址 其实源码很简单，超级短 github： https://github.com/sanxin-lin/sunshine-storage npm： https://www.npmjs.com/package/sunshine-storage 背景 在平常的项目开发中，有...
如何更高大上使用你的 Vue 弹窗组件
背景 假设我现在有一个场景：有一个 父组件、子组件，子组件中有一个弹窗且能在子组件中控制弹窗的显隐，但是我在父组件中也需要去控制这个弹窗的显隐，我应该怎么做呢？ 人说，那你分别在 父组件、子...
前端实现文件预览（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"...