传奇控卫库里

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

今天在给我开源项目的聊天记录添加消息发送时间展示时，正好遇到了这个问题，一开始想不明白应该如何处理这些数据，后来经过一番思考后，终于有了实现思路，将其实现了，本文就跟大家分享下我的实现思路以及过程，欢迎各位感兴趣的开发者阅读本文。 观察上方数据，我们发现：每个消息对象都有一个c…

我在上篇文章 聊一聊 Vue3 中响应式原理 对Vue3 响应式的实现原理做了介绍，想必大家对 Vue3 中的如何利用 Proxy 实现数据代理，以及如何实现数据的响应式有了一定的了解，今天我们再次进阶，就看看它是如何与 view 视图层联系起来的，实现一个Low版的 Vue3…

插槽，简单理解就是可以即插即用的一段代码。vue中，插槽可以大致分为以下三种： 所以，简单来说，默认插槽就是子组件内占了一个位置，在父组件内调用子组件的时候，写入什么内容，就会在这个位置显示出什么内容来。 由此可见，具名插槽就是，子组件内定义插槽的时候，取了一个名字，父组件调用…

父节点调用此方法，传入的新节点，将插入到最后一个节点的后面。 父节点调用此方法，接受两个参数：要插入的节点和参照的节点，插入节点后，插入的新节点会作为参照节点的兄弟节点，在参照节点的前一个展示。如果参照节点是null，则和appendChild()方法一样，插入到最后一个。 替…

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