我是这么想的,先不忙着做组件,首先页面有一个初始状态,这个状态就是一开始从浏览器输入 url 后所展示的页面。鼠标不做任何悬浮状态。想要模仿一个页面做以下这些步骤。

    要知道,我们通过鼠标来操作页面,不同的鼠标动作产生不同的页面变化

    1. 做一遍无鼠标动作的页面的效果
      • 每个部分都一个组件
      • 考虑页面的布局
    2. 做鼠标悬停后的效果
      • 原始状态和鼠标悬停后效果不同
    3. 做鼠标点击后的效果
      • 鼠标点击后有什么操作,可以简单做一做
    4. 做鼠标点击并拖拽的效果
      • 貌似 a 标签天生就可以移动到书签栏

    最后再总结一下每个组件的功能和作用,把这个组件抽象出来,寻找可复用的地方

    「@浪里淘沙的小法师」