概述： 在前端项目中，有时会需要通知、提示一些信息给用户，尤其是在后台系统中，操作的正确与否，都需要给与用户一些信息。 1. 实例 在页面的右侧会出现一个Toast弹框，多次点击时，会依照顺序进行显示，并且Toast可自动关闭，具体效果如图。 2. 原理 在组件外构建一层代理并…

我们想象一下用户会如何使用我们的组件，它可能需要哪些自定义的功能，比如内容的宽度，控件的位置，抽屉的位置，控件样式自定义等等，可能的交互比如：点击控件/鼠标悬浮打开抽屉，点击抽屉外部收起抽屉等等，接着我们判断一下哪些是需要暴露给外部组件的，哪些是属于组件内部的状态，尽可能的做到…

博客背景: 在组件化开发模式下，我们会把整个项目拆分成很多组件，然后按照合理的方式组织起来,达到预期效果 因为页面是多组件组织起来的,这时候自然就存在组件之间的切换问题，Vue中也提出了动态组件的概念

从一个 Confirm 组件开始，一步步写一个可插拔式的组件。 大约6个弹窗... Confirm 通过 v-model="isShow" 切换展示，通过 @onConfirm 和 onCancel 接收点击事件。 那么用它来完成上面的需求吧。 代码改起来会是一个灾难，因为就算…

1. 库/框架选型 2. 简单构建优化 3. JS/CSS模块化开发 4. 组件化开发（本文重点） 1. Vue.js采用了JSON的方法描述一个组件 2. React.js发明了JSX，把CSS和HTML都塞进JS文件里 不要把分离容器组件和展示组件当做教条，如果你不确定该组…

vue 的 computed 属性默认是只读的，你可以提供一个 setter。它可以优化我写组件的逻辑，适用于父组件处理的值和子组件处理的值是同一个的情况 我们常看到一些优秀的组件库，传入的值既可以是一个 String/Number，也可以是一个函数。 比如ElementUI的…

如果你觉得可以，请多点赞，鼓励我写出更精彩的文章🙏。 时间不早了，该干点正事了，咱们书归正转。 作为一名合格的Reacter来说，组件封装这个技能点就和相声演员口中的说学逗唱一样，是需要刻在骨子里的基本功。 而React官方为我们提供了一些常规的操作方式，其中不乏HOC,Re…

函数组合在我们的实际开发中经常会碰到。我们来看看他们的实现方式。 普普通通的函数组合长这样。返回了一个方法，方法里 a 接收了 b 的执行结果，然后返回 a 的执行结果。 使用 compose ，就看的更加简洁了些。 但是目前的 compose 方法并不能满足两个方法以上的组合…

在以往的面试经历中，我发现很多应聘者由于简历不够出彩导致错失面试机会，本篇文章介绍了我认为一份好简历所需的「必备要素」，希望能够对您有所帮助。