一天造一个轮子，干就完了。 防抖和节流可以说是一对好基友，也是前端面试的手写热点考题。防抖和节流其实都是在规避频繁触发回调导致大量计算，从而影响页面发生抖动甚至卡顿。简单的说将多次回调比如页面点击或ajax调用变为一次。防抖和节流的区别在于以第一次为准还是最后一次为准。 1. …

1 动态拓展：假设有同一组类是实现相同的接口，并且类的加载方式不限制。当我们需要那种具体类实现的功能时，只需加载.class文件，并获取对应的Class<T>对象。可以由Class或者Constructor实例化对象instance；根据接口定义，可以获取Class&…

Vue3 中，ref 是一个新出现的 api，不太了解这个 api 的小伙伴可以先看 官方api文档。 简单介绍来说，响应式的属性依赖一个复杂类型的载体，想象一下这样的场景，你有一个数字 count 需要响应式的改变。 这样肯定是无法触发响应式的，因为 Proxy 需要对一个复…

众所周知，Vue3使用ES6 Proxy替代ES5 Object.defineProperty实现数据响应式，这也是Vue最为核心的功能之一。Vue3相比Vue2.x，API变化很大，提出了Vue Composition API。但在响应式原理实现方面，源码依然还是依赖收集 +…

马上就要到 29 岁生日，也将踏入了 30 岁的旅程，在此写一篇随笔。 刚开始工作总是热情十足、活力四射的去做一件事，希望能够做得更好，更棒。但慢慢的发现，有些事情不是全靠一个人能完成的，因为能独立完成的天才实在太少了，而更多的是努力的人。 从认识到自己是一个平凡的人开始，可能…

之前写过一篇文章，关于 Vue 属性透传的，文章中我列举了很多种方法去实现属性透传。其中包括直接设置 props，v-bind="$attrs"，render function 等方式。感兴趣，详情看 【Vue进阶】——如何实现组件属性透传？ 这让我意识到了自己对一些 Vue …

由于本人最近在公司负责的项目较多，部署起来比较麻烦，部署环境还非常多（有本地开发、测试、生产）多个环境的部署，非常的占用时间。也使用过 Jenkins、GOCD 等持续集成部署工具。但是一方面由于配置比较麻烦，很多前端的同事并不会配置这些持续集成工具并且公司项目比较多，前端、后…

阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中，那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙伴越来越多了，本文阿宝哥将从 16 个方面入手，带你一步步学习 TypeScript，感兴趣的小伙伴不要错…

本文旨在介绍 Form Render （FR）这个飞猪开源表单解决方案。简述它想解决的问题，我们的理念和解法，这半年走过的路，以及 FR 的未来规划 所见即所得的表单设计器，拖拖拽拽完成表单的开发。并可自由定制成符合自身喜好的独特设计器 这个未来其实以近在眼前。FormRend…