第一接触异步这个词已经是10年前了，那会是个面试都会考考你异步的原理，现在，异步的场景和解决方案越来越多了，我自认为对异步还是有一定理解的，却也经常会陷入一些不能自圆其说的问题中去...

前端实现文件预览（pdf、excel、word、图片），使用pdfjs第三方包和canvas实现pdf文件渲染，使用xlsx预览excel文件，使用docx-preview预览word文件

劈柴不照纹，累死劈柴人。上学的时候就总有那些“小怪物们”总能解出来难题， 总能最快的完成作业，总能轻松考个的好成绩，还不耽误下课一起玩。怎么回事儿？人家有技巧啊！那现在干开发了，你想不想成为“小怪物”

本文先写了在 Vue3 中利用 draggable 属性手写实现列表拖拽排序的功能。接下来在 Element Plus 组件库中结合 sortable.js 实现 table 表格拖拽排序。

你是否曾经在JavaScript代码中迷失过？ 是否曾经感到自己的代码像一团乱麻？ 别担心，这就是我们需要设计模式的时候了！ 让我们一起探索这些神奇的模式，让你的代码变得像个天才！ 序言 总体来说设计

函数防抖动（debounce）：防止在短时间内过于频繁的执行相同的任务。当短时间内的频繁是不必要的时候，就可以考虑去抖动，避免资源浪费，或造成不好体验。

用相对较简单通俗的话，来解释同异步，宏任务与微任务，事件循环及其机制和执行循序。内附测试小题。贼拉简单，难度不高。

js事件机制 前言 最近写了个仿饿了么的项目，其中有一个很简单的功能，就是点击一个菜品的增加按钮会让数量加一，而点击这个菜品的任何区域会跳转到这个菜品的详情页，效果图如下：

一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …