yu530feng

海阔凭鱼跃，天高任鸟飞。Hey 你好！我是秦爱德。😄 在之前的给在座各位“老划水员”分享10款提高幸福指数的vscode“摸鱼神器”这篇文章发布之后，也收获了很多小伙伴的点赞，咱们也不能一天天光摸鱼，还是得干点正事。特此，我整理了一些好用的vscode插件，如果觉得不错，欢迎…

Vue：Mixins（混入）、HOC（高阶组件）、作用域插槽、Vue Composition API（VCA/组合式API）。 React：Mixins、HOC、Render Props、Hook。 我们可以看到都是一段越来越好的成长史，这里就不再举例赘述，本文重心在 VCA，…

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

✨✨相信稍微对代码有些追求的小伙伴，从HTML、CSS、JS，再到Git等等，都会尽量的规范自己的代码。如果不止自己一个前端开发，相信大家都会遵循一套代码开发规范（自己制定的也好，遵循行业内比较通用的规范也罢）。 人非圣贤，即使再自律的小伙伴，也难免会犯错误，或者说一不小心就在…

vue的props属性用于父组件向子组件传递值，是一个高频使用的特性。 ​ props的使用需要父子组件的配合，在父组件中使用v-bind绑定要传递的值，在子组件中的props属性中声明接受属性的类型和默认值。使用示例： ​ 从上面的使用示例可以看出，父组件的templat…

我们在《响应式对象》一章简单介绍了 initProps 会调用 defineReactive 来设置响应式对象。本章来深入介绍 props 相关概念~ 1. 规范化 合并配置我们在组件化章节讲过，它主要就是处理我们定义组件的对象 option，然后挂载到组件的实例 this.$…

其实如果只用晚上下班回去的时间写的话......写文章估计得用一年......我不仅内容追求简单，可以让我们在以后忘记的时候迅速捡回来，我还要追求排版好看（鳖跟我说难看好不喽，我花了很多心思的哈哈），因为我知道排版难看的文章一秒都不想爱看下去.... 比如写完这个系列，我打算给…

今天我们来解读Slot 的源码啦。我们都知道 Slot 分为 普通Slot 和 作用域Slot，两个内容都很多，所以分两部分进行讲述。 其实普通Slot，表示默认Slot和 具名Slot，只是他们的处理方式都差不多，就只是是否有自定义名字而已，所以，表示一种类型。 插槽的作用域…

在开发过程中遇到这样一个问题，如何跨组件传递插槽。因为在开发类似树组件的过程中，插槽需要通过外部传递到树的根节点，然后通过根节点依次传递到各个叶子节点。那么如何把根节点的Slot如传递给子组件呢? 那么如何在组件内传递Slot就是一个问题。 通过固定级别的组件结构里可以通过直接…