趣店前端实习面试总结

地处奥森，风景秀美，小桥流水，佳人绕围。

首先不管是室外环境还是内部环境感觉都很舒服，前端技术负责人wilee人也特别好，微信上特别热情，面试完还主动问候我。比心。

---

面试官其实问的问题很基础，基本上都有了解，但是换个方向再问或者深入的挖掘一下，就能发现很多基础上的盲点。这是值得总结的。

CSS Spirites用什么属性控制偏移

平时都是直接全部写在background里属性的。具体应该是需要用到background-image，background-repeat，background-position三个属性控制。

Jsonp返回的是一个什么样的东西

Jsonp是Json with Padding的缩写，就是“填充式Json”的意思。也就是说，是客户端发送一个跨域请求出去，服务端收到请求之后，将要返回的json格式的数据，填充在两端协商好的一个callback函数中，拼接成字符串返回回去。也就是说，返回的是一个匿名函数的执行，来调用callback函数。比如我们定义callback函数的函数名为jsono_10086randomnumber

/*返回给客户端的callback函数，并将data当作传参来执行*/
jsono_10086randomnumber(data)

/*同时可以在客户端将callback函数挂载到window上先进行函数声明*/
window[jsono_10086randomnumber] = function(data) {
    jsono_10086randomnumber(data);
    //执行完callback后清除标签与函数
    window[jsono_10086randomnumber]=null;
    document.body.removeChild(script); 
}

BFC的margin叠加问题

当产生margin叠加问题的时候，将元素设置成BFC即可解决。

Git的版本控制与分支管理

git branch diss 创建diss分支
git branch -d diss 删除diss分支
git checkout master 切换到master分支
git checkout -b dev 创建并马上切换到dev分支
git merge dev 合并dev分支到当前分支

H5语义化的好处

1. 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。
2. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重
3. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页（比如strong标签阅读器会重读）
4. 用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用
5. 为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构，即利于document outline（为了裸奔时好看）

事件代理的好处

1. 可以大量节省内存占用，减少事件注册。比如ul上代理所有li的click事件就很不错。
2. 可以实现当新增子对象时，无需再对其进行事件绑定，对于动态内容部分尤为合适。动态删除的事件也不用对其进行解绑处理。

IE盒子模型和标准盒子模型

IE盒子模型：

标准盒子模型：

HTTP协议与HTTP Header

Vue双向数据绑定是如何实现的

---

总之感觉挺可惜，基础不够牢固。不过也让我看到了学习的方向，觉得可以多看看经典的源码，无论是JQuery还是Vue，感觉都会对基础很有帮助。在就是学习Node.js，第一是对JS基础有帮助，再者就是一定要掌握一个后台技能！

最后的最后，一定一定要把简历上的经历牢记，还有最最基础的一定不能忘记。不然搞得你像个大骗子一样，人觉得你简历是瞎写骗人的= = 。。。