前端渣渣11

最近刷B站看到一个卸载动效，感觉相当有意思，所以试着仿写了一个。 原动画效果 仿写效果 1.效果分析与拆解 （1）面部颜色线性渐变跟随。 （2）脸颊,眼球局部区域转动跟随 & 眼球大小变化 （3）嘴巴

前言 在实际的前端项目中，你是否也遇到过这样让人头疼的情况： 一系列问题都源自代码不规范以及缺乏系统的工程化管理，导致团队协作效率低下，开发周期不断延长，你开始发现，团队成员之间的沟通和协作逐渐变成了

pnpm的出现完美解决了依赖包重复安装的问题，并且实现了 yarn 带来的所有优秀体验，所以说 pnpm 才是前端工程化项目的未来。

大家好，我是前端贰货道士。最近这一个月很忙，一直想抽空整理一篇关于如何写出可维护代码的文章，于是这篇文章横空出世。

下载文件是一个常见的需求，只要服务端设置 Content-Disposition 为 attachment 就可以。 比如这样： 设置 Cotent-Disposition 为 attachment，

拖拽排序是前端的常见需求，特别是在管理系统或者编辑器里。 比如低代码编辑器就支持把组件拖到页面不同位置来添加组件、调整顺序： 那么拖拽排序是怎么实现的呢？ 首先我们分析下它会用到啥事件： 比较容易想到

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

开发人员的生活总是在学习新事物。作为前端开发人员必须知道一些使我们的代码如何更优雅，工作更轻松的技巧。 也许你已经进行了很长时间的JavaScript开发，但有时你可能没有使用不需要解决或编写一些额外代码即可解决问题的最新功能。 这些技术可以帮助你编写干净且优化的JavaScr…

上一篇，我们通过宠物店简单了解工程模式在前端开发中的运用开发。那么继续我们23篇设计模式的链路，我们来了解一下代理模式在前端中的运用 代理模式的定义：代理模式给某一个对象提供一个代理对象，并由代理对象控制对原对象的引用。通俗的来讲代理模式就是我们生活中常见的中介。 中介隔离作用…