江北扛把子

最近在业务开发过程中，发现了之前使用不是很多的Vue功能-自定义指令，实现了部分元素逻辑的抽象复用。这里对其进行了简单的分析整理。 注意，若Vue.directive第二个参数未传入数据，则根据指令名称返回已注册的指令。 注册完毕后，可以直接在元素上添加v-focus来使用。 …

前几天写了一个Vue的自定义右键菜单的npm库，主要讲了插件的设计思路以及具体的实现过程，插件的开发流程没有细讲。 本文就跟大家分享下如何使用CLI从零开始开发一个支持Vue3的库，并上传至npm，欢迎各位感兴趣的开发者阅读本文。 根据Vue官方文档中有关插件的介绍，我们开发的…

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

Vue生态系统中有一个名为Vite的新构建工具，它的开发服务器比Vue CLI快10-100倍。 这是否意味着Vue CLI已经过时了?在本文中，我将比较这两种构建工具，并说明它们的优缺点，以便你可以决定哪一种适合你的下一个项目。 大多数Vue开发人员都知道，Vue CLI是使…

带着这些问题，我们可以很容易的就联想到，我们需要对这些组件进行封装，如果对这些组件进行封装之后，我们的设计应该考虑到该如何提升组件的易用性，我的结论是：不改变组件本身的API，新增能满足以上特定功能的扩展API，为此我们引入一个概念，叫做高阶组件。 具体而言，高阶组件是参数为组…

本文记录并整理了 D2 前端技术论坛中揭秘 TC39: ES2020 和 ES2021 的会议笔记。(截取了 TC39 部分)分享给没时间看或是对 TC39 还不了解的同学们。 TC39 成员、Node.js 核心协作者。 TC39 是 Ecma International 标…

有时用户希望将我们的报表页面分享到其他的渠道，比如邮件、PPT等，每次都需要自己截图，一是很麻烦，二是截出来的图大小不一。 html2canvas库就能帮我们做到，无需后台支持，纯浏览器实现截图，即使页面有滚动条也是没问题的，截出来的图非常清晰。 这个库的维护时间非常长，早在2…

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

08年开始从事前端工作，曾就职于人人网、新浪微博、爱奇艺等，12年加入去哪儿网，主导多次前端技术架构升级，推进Node前后端分离，React，RN等技术架构在业务上的落地应用，擅长各种前端性能优化和工程化实践，目前负责推进 Qunar 的多端统一化升级方案。 2019年加入去哪…