AlexTF

优质文章汇总高级前端必会的十个函数使用mono-repo实现跨项目组件共享TypeScript高级特性ScopedStyle解决方案之deep深入理解前端如何修改组件库源码来封装符合自己需求的组件？这

URL（Uniform Resource Locator），统一资源定位符，俗称网址。用于定位互联网上资源。URL 给资源的位置提供了一种抽象的识别方法，并用这种方法给资源定位，从而对资源进行各种操作，增删改查。 scheme - 定义协议的类型。常见的协议有 http、htt…

这篇文章中的很多内容都来自Adam Charron的《Getting to know QuillJS - Part 1》中，文中结合了我自己的一些理解和经验，内容也做了些调整，希望能帮到准备使用quilljs的你。 quilljs是一个现代富文本编辑器，它具备良好的兼容性及强大…

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

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

前言前篇传送门：猛戳这里其实大多数的技巧前篇都已经讲完了，本文算是具有补充性质的番外篇吧0.03D方块如何在CSS中创建立体的方块呢？用以下的SCSSmixin即可方块的长度、高度、深度都可以通过CS

我们团队的Element发布了。为了让大家使用起来便捷。需要加入vue-cli和vite生态之中。 今天先说说vue-cli插件如何开发。 Vue CLI工具是Vue生态在Vue生态中负责工具基础标准化。他使用一套基于插件的架构。 比如vue-router、vuex或者安装组件…

预期目标：通过watchEffect注册变量值改变后的回调函数，当变量值改变时触发。举个简单例子，下面的代码输出10 20 创建类Dep，一个变量对应一个Dep。监控的值保存在其value属性上，回调函数保存在其effects属性上，然后使用getter,setter进行拦截；…