今日头条秋招前端笔试附加题解题思路

最近在准备秋招，今天参加了今日头条的笔试，附加题其实出的不难，但是楼主一急我都不知道自己瞎扯了些什么。故跑来博客忏悔…
题目：用html+css实现用input 增加内容，删除内容，模糊查找功能。丑陋的用ps还原了一下目标效果：

那么我们现在来看看实现。

一、首先，要对整个效果有一个基本的构思

添加功能：按回车键后会显示新的显示栏，所以要绑定onkeypress事件去监测按下的键是否是回车，是的话要插入新的div节点，同时把当前input内的value显示在新的节点，清空input的value。
删除功能：绑定onclick事件给“X”，点击之后该div的display变为none即可。
模糊查找：用html5的新属性datalist，它规定了元素可能的选项列表。（考完之后才想起这个属性…欸- -）

二、基本框架

列出几个必须的id和class，先写一个框架，然后再往里面添砖加瓦。

三、添加功能：

四、删除功能：

在上面增加功能的基础上接着写，注意要写在#Toutiao这个监听函数内。

五、模糊查找

六、总结

到这里所有功能就实现完了。都是用的基础的js和jquery，但是平时被编译器惯坏了，什么函数接口都不怎么记，导致笔试的时候生写代码一脸懵逼，目前已经笔试了搜狗、网易、今日头条。搜狗和网易笔试的大头都在编程题，但是感觉编程这块最吃亏的就是前端了…，头条是我第一个看到有真正要用前端实现功能的题。所以记录一下。三次笔试感受就是大的互联网公司对初级程序员的算法、数据结构基础要求要十分扎实，还有编程解题能力，这些都是我十分欠缺的地方。接下来还有很多家公司的笔试，希望能从失败中吸取教训吧… 加油T T~