在很多公司中，内部都会封装一些适用于公司内部业务的方法库来提高整个团队的开发效率，比如： 防抖节流 懒加载、虚拟滚动 dom增删改查、移动、拖拽 管理状态 而在 Vue3 项目中，这种方法库表...
1.4秒到0.4秒-2行代码让JS加载耗时减少67%
仅需2行代码，就能实现上图中的优化效果，让JS文件的加载耗时从1.4秒减少到0.4秒，大幅减少951ms（-67%） ，代码实现也非常简单方便，一起学起来吧~ 资源优先级提示：预取回 Prefetch，预加载 Prelo...
组件库中Form表单校验，到底是怎么做到的？带你实现一遍~
我们平时开发的时候，肯定都会接触到表单吧，那大家有没有想过一件事情，为啥你每次输入的时候，就能马上触发到表单的校验呢？ 有些兄弟就会好奇，这些个 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 ...