前言 nextTick是面试常考的vue中的一个重要知识点，但是很多小伙伴常常无法真正的理解nextTick的执行机制，并且背后包含的许多vue的重要知识。本文会把nextTick聊的非常细，让大家彻

产品经理提了个需求，要将一张二维码和不同海报合并，供客户下载扫描。这个时候咱们后端小姐姐偷懒了，觉得后端做太麻烦了，私下找我py一波，这个时候我又禁不住美女诱惑，没办法只能妥协前端来处理了。。。哎，做一个前端好累！！！话不多说，直接先上实现效果

一. 项目中有需求如下： 二. 踩坑思路： 三. 实现流程： 四. 下面逐步说明： 五. 优化点 六. 最后说一下在ios上面碰到的情况 1. html2canvas版本问题： 2. canvas画出的图片过大，导致canvas.toDataUrl()在ios上运行被系统强行阻止

屋里美团的姑娘喊我帮她写前端，忙到凌晨两点的我苦不堪言。为此我写了这篇文章《axios封装》希望他们在未来写出更好的前端代码。

在开发管理后台过程中，一定会遇到不少了增删改查页面，而这些页面的逻辑大多都是相同的，这样子会导致代码耦合度越来越高，下面，我们将这些可复用的数据抽离出来成hook，既解决耦合度的问题又提高工作效率

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

7月22日观看了第二届稀土开发者大会尤大关于 《2022 Web 前端生态趋势》 的主题分享，记录如下，有时间的同学可以观看大会的回放。

在业务中列表拖拽排序是比较常见的需求，常见的JS拖拽库有Sortable.js，Vue.Draggable等，大多数同学遇到这种需求也是更多的求助于这些JS库，其实，使用HTML原生的拖放事件来实现拖拽排序并不复杂，结合Vue的transition-group,还能快速的给排序…

封装Vue组件的原则及技巧 Vue的组件系统 Vue组件的API主要包含三部分：prop、event、slot props表示组件接收的参数，最好用对象的写法，这样可以针对每个属性设置类型、默认值或自