我是这么想的,先不忙着做组件,首先页面有一个初始状态,这个状态就是一开始从浏览器输入 url 后所展示的页面。鼠标不做任何悬浮状态。想要模仿一个页面做以下这些步骤。
要知道,我们通过鼠标来操作页面,不同的鼠标动作产生不同的页面变化
- 做一遍无鼠标动作的页面的效果
- 每个部分都一个组件
- 考虑页面的布局
- 做鼠标悬停后的效果
- 原始状态和鼠标悬停后效果不同
- 做鼠标点击后的效果
- 鼠标点击后有什么操作,可以简单做一做
- 做鼠标点击并拖拽的效果
- 貌似 a 标签天生就可以移动到书签栏
最后再总结一下每个组件的功能和作用,把这个组件抽象出来,寻找可复用的地方
「@浪里淘沙的小法师」