780. 【平台开发】前端工作量评估——搜索控件（持续更新）

今天七镜以搜索控件为例（设计稿为蓝湖），评估下该控件涉及到哪些工作量：

一、视觉开发

1. 静态资源下载，（没有现成的找设计要，或者自己实现）
2. 控件的位置，一般蓝湖不会直接给出位置的代码，需要在设计稿上识别出边距、以及排列（居中、左对齐、右对齐），通过 css 代码实现。

二、结构开发

1. 根据现有开发规范，设计控件的组成元素，例如：最外层一个 <div />元素包裹，一个<input /> 输入框，一个 <img /> 搜索按钮

三、交互开发

1. 搜索框点击，悬浮、输入，有不同的状态，所以上面提到的视觉开发和结构开发，有可能需要重新再来一遍（工作量评估时，按不同状态，双份工作量即可）。

2. 组成的元素有触发事件，点击事件、键盘事件，需要有防抖、日志记录等事件触发前的处理；需要有数据服务接口接入（包含初始化、请求过程中、数据接收完毕等等）；