有没有div+css高手帮我把天猫首页的导航框架写出来。京东商城的也可以。

估计你刚接触这东西。你想要写他们一样的代码出来估计没个小团队三五个月，你想都不要加。但你可以走其他方法。你要是效果，你就收“仿天猫导航代码 ”，再自己稍改下就好。别想着自己写。如果不能掌握好css+js+html和各种兼容，累死也写不出来

搜索框功能主要有3部分组成：

ES官方文档建议通过phrase Suggester实行搜索框的自动补全，但这种查询对中文支持不太友好，经常会不做提示；下面我们通过n-gram来实现符合中国人民使用习惯的提示框。

假设有一个词hello，普通建索引时，就是把这个词hello放入倒排索引

用户输入h、he时会找不到索引(倒排索引中只有hello)，因此匹配失败

而对于输入即搜索这种应用场景，可以使用一种特殊的n-gram，称为边界n-grams (edge n-grams)

所谓的edge n-gram，就是指它会固定从一边开始，进行窗口滑动，每次滑动长度为1，最终的结果取决于 n 的选择长度

以单词hello为例，它的edge n-gram的结果如下：

因此可以发现到，在使用edge n-gram建索引时，一个单词会生成好几个索引，而这些索引一定是从头开始

这符合了输入即搜索的特性，即是用户打h、he能找到倒排中的索引h、he，而这些索引对应著的数据就是hello

需要注意的是，这里使用fuzziness来模糊匹配提升用户体验，fuzziness=1 允许用户输入一个错别字，并通过prefix_length设置为1来跳过开头首个字符的判断，因为一般用户输入出错大多发生在后面

需要注意：

其中min_word_length是用来控制候选词长度的，这里设置为2，意思是当term长度>=2才会被显示；

prefix_length=1表示忽略首字符是错别字，大多数输入错别字发生在后面；

min_doc_freq 当建议词出现文档频率低于该值时将被忽略，线上可适当调大该值以提升搜索效果

易企秀商城

xpshop仿京东的电子商城系统在销售统计功能上新增了订单统计、品类销售分析、会员购买量（额）统计，更加具体地反映了销售业务量的明细。此外，xpshop大型商场系统的统计工具还增加了问卷调查这一功能，增加了企业与客户沟通的渠道，使企业更加及时地了解客户的需要，对企业发展有着重要的意义。

---