爱前端的皮皮蛇丶

高阶组件HOC在React社区是非常常见的概念，但是在Vue社区中却是很少人使用。主要原因有两个：1、

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

最近，群里面的同学发了这么一个非常有意思是动画效果： 原效果地址 -- CodePen Demo -- Letter Hop 当然，原效果，主要使用了 GSAP 动画库以及一个 3D 文字 JavaS

当父元素高度为 auto 且 min-height 为 100% 时，子元素无法直接继承该最小高度。使用 flexbox 布局或绝对定位可以实现子元素适应父元素高度。

当你需要同时维护多个技术栈类似的项目，而这些项目之间互相依赖的时候，使用 `monorepo` 会有很多好处，比如：

最近有幸参与了devui开源组件库的开发，开始接触vue。在使用了vue3 + tsx一段时间之后，感觉非常有趣，且舒适。 在开发过程中，很多时候我需要从网上查找资料，借鉴团队内部的代码，边学边做。总

本篇以 Vue3 的 Todo List 组件在 .vue / .tsx 单文件中的开发, 从 `选项式API` 到 `组合式API` 逐一分析，并对 Vue3 template / JSX 进行分析

这篇是学习和回顾canvas系列笔记的第六篇，完整笔记详见：canvas核心技术。 在上一篇canvas核心技术-如何实现复杂的动画笔记中，我们详细讨论了在制作复杂动画时，需要考虑时间因素，物理因素等，同时还回顾了如何使用缓动函数来扭曲时间轴实现非线性运动，比如常见的缓入，缓出…

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收