前端学习记录-仅代表一种臆想

有货商城

1、

<script type="text/javascript">
var u=document.getElementById("m-refer").value;
if(u&&window.navigator.userAgent.match(/(nokia|iphone|android|ipad|motorola|^mot\-|softbank|foma|docomo|kddi|up\.browser|up\.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam\-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte\-|longcos|pantech|gionee|^sie\-|portalmmm|jig\s browser|hiptop|^ucweb|^benq|haier|^lct|opera\s*mobi|opera\*mini|320x320|240x320|176x220)/i)){window.location=u};
</script>

window.location 对象用于获得当前页面的地址 (URL)，or把浏览器重定向到新的页面。 这应该是加载前通过请求头判断客户端类型然后跳转。

也可以用window.open(url,'_self')（第二个参数或者设置_blank）（这个比较好用）

2、

有货中间有个logo的动画，是沿着x轴不同定时地翻转。注意到中文是倒着的，应该是css写了transition-》两个图片重叠（英文在上，中文在下）-》判断当前是中文还是英文logo，-》调用transform：rotateX。

3、

动态出现搜索热词的搜索框：设置搜索框autocomplete:off，列表框以display:none隐藏（以position脱离文档），当搜索框用户输入内容（？）并且获得焦点时，js返回动态搜索数据，innerHtml生成<li>，display:block；当失去焦点（onblur）时，display:none。

4、