一、投递信息

投递时间：2020年2月24日
岗位：Web前端开发方向—暑期实习生
工作地点：深圳
信息来源：有乎求职微信公众号
面试时间：2020年3月10日 18:00
面试方式：视频面试
面试时长：1小时5分钟
面试平台：腾讯会议
强调一下！面试官人数：2人

二、面试官问题

我提前半小时开始调试面试设备，也就是在5点半的时候，我发现，这次面试平台不是牛客网，是腾讯会议，马上在电脑上下载了这个软件，然后注册账号，进入会议室调试设备，一切正常后，关闭摄像头、麦克风静音、翻开自己不熟悉的知识点等待面试官。

面试官在下午6点准时进入会议室，然后就发生了两件令我着急的事：1.居然有两个面试官。2.两个面试官都听不清我说话。那个慌啊，调试麦克风音量之后，还是声音小，我向面试官表达歉意，在询问之后手机下载腾讯会议APP，手机进行面试。

面试官真的很好，在我调试设备期间，向我介绍了一下他们的事业群以及部门工作，奈何我那阵一心都在设备调试上，就听到了英雄联盟几个字，一激灵，后边又调试设备去了，心里觉得这是个关于英雄联盟游戏的部门，太酷了！还好手机腾讯会议好使，面试正式开始。
1. 自我介绍

1）请做下自我介绍：
我主要介绍了一下项目：两个系统，两个小程序。
2） 你平时有什么爱好？

• a.健身：我本科参加了4年的体育训练，所以比较喜欢锻炼身体，研究生期间一直在健身。
• b.玩游戏：我在大二时开始玩英雄联盟，玩到28级后因为考研就没玩了，目前一直在玩王者荣耀，最高段位是最强王者（这就多亏实验室的师兄师姐了，帮我走上了王者之路）。
• c. 看书：看纸质的书和微信读书；书籍类型，专业技术方面比如：红宝书，阮一峰老师的ES6，最近在看的其他方面的书是：关键提问，非暴力沟通。

2. 小程序

• 1）云函数了解多少？
• 答：我在官方手册上看见过，但是没有仔细研究。
  我认为就看官方手册吧：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/functions.html
• 2）你是怎么想到做”韵律助手小程序“呢？
• 答：当时想参加“微信小程序大赛”，大赛其中有一条说是可以弘扬中华民族文化（大概这意思），自己本身对诗词比较感兴趣，又想到中华民族诗词格律流传百年，所以想到设计一款有关诗词格律的小程序。向我导师致歉：其实这个想法是我导师提出的。
• 3）在”韵律助手小程序“开发过程中你觉得比较困难的地方是什么？
• 答：这个小程序主要功能是 根据韵书中的韵部，韵部中的韵字平仄规则来判断输入的诗句是否符合格律规则，比如《平水韵》韵书中有韵部“一东”，“一东”中有韵字“风”是平声，一个韵字在不同韵书中的平仄有可能是不同的，一个韵字有时也不只是“平”，或者不止是“仄”，有的字是“既平又仄”，在写“判断某个字的平仄规则”的业务逻辑的时候，一时比较困难，没有考虑清晰，业务逻辑大概写了两天才写明白。
• 4）”韵律助手小程序“开发介绍之后，你比较开心和遗憾的分别是什么？
• 答：比较开心的是我主页面觉得设计的还不错，用到了轮播图。遗憾是参加完比赛，就没有继续更新小程序，在测评功能页面上实现的比较简单，只是放了一张背景图，背景图在那时候没有做到窗口自适应，而且我选图也有问题，图片拉伸以后就会变形，这个是比较遗憾的。
• 5）”韵律助手小程序“PCU你了解吗？
• 答：我不知道啥是PCU，面试官又进行了进一步解释，问我可以看到后台人数使用情况，使用人数大概是什么情况？
• 答：人数使用不是很多，自己在推广宣传方面也没有做好。后来查了以后：PCU(最高同时在线玩家人数)
• 6）假设现在有一个产品，这个功能在H5上做也可以，在小程序中做也可以，你觉得这两个区别是什么，小程序的优势在哪？
• 答：我认为可以参考文章：
  https://blog.csdn.net/freekiteyu/article/details/84316183
  https://www.jianshu.com/p/18295b311e82
• 7）H5和小程序有什么区别？
  参考文章：https://blog.csdn.net/qq_36742720/article/details/99534705
• 8）H5和小程序在推广和宣传方面有什么区别？
• 自由发挥吧！
• 9）什么功能是小程序可以实现，H5不能实现的？
  参考文章：https://www.jianshu.com/p/f4cfb7ce6b9e
• 10）建议多看一下官方文档。
• 11）小程序后台你做了什么？
• 12）你用过腾讯云吗？为什么不用腾讯云？

3. Web端

• 1）在浏览器中输入一个地址，到页面显示，其中的过程是什么？
  参考文章：https://www.cnblogs.com/kongxy/p/4615226.html
• 3）页面渲染了解吗？
• 4）DOM树和BOM树渲染了解多少？
• 5）render和painting了解吗？
• 问题3、4、5参考文章：https://blog.csdn.net/smlljet/article/details/91543038?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
• 6）HTTP的状态码200是什么意思？
• 7）HTTP的状态码304是什么意思？
  -问题6、7、9参考文章： https://blog.csdn.net/fiwrc/article/details/80337746
• 8）304和200有什么区别？
• 参考文章：https://blog.csdn.net/qq_39403733/article/details/88748634
• 9）HTTP的状态码500是什么意思？
• 10）Web前端安全了解多少？
  参考文章：https://www.cnblogs.com/qidh/p/11447656.html
• 11）https为什么安全？
• 12）现实生活中有什么不安全的例子吗?
  面试官给我讲解了请求拦截，伪造请求，脚本攻击，过滤转义。
  参考文章：https://www.cnblogs.com/mmy67/p/9923422.html
• 13）浏览器缓存都有什么？
  参考文章： https://blog.csdn.net/weixin_43277643/article/details/84143239
  https://www.cnblogs.com/1zero1/p/11241400.html
• 14）说一下cooki的优缺点
  参考文章： https://blog.csdn.net/china_dou/article/details/82263555
• 15）面试官讲了一下cooki其实也涉及到安全问题，并说了缓存分为浏览器缓存，CDN缓存，服务器缓存等。
  参考文章：https://www.cnblogs.com/captainMforlife/p/11288424.html
• 16）说一下TCP3次握手协议
  参考文章：https://baijiahao.baidu.com/s?id=1618114723935605183&wfr=spider&for=pc

4. HTML

• 1）H5的新特性
  参考文章：https://www.cnblogs.com/qqinhappyhappy/p/11569117.html
• 2）H5特有的标签
  参考文章：https://www.w3school.com.cn/html5/html5_reference.asp
• 3）标签语义化
  参考文章：https://www.jianshu.com/p/35de4476fe27
• 4）p标签中可以放什么标签？
• 答：可以只在块（block）内指定段落，也可以把段落和其他段落、列表、表单和预定义格式的文本一起使用。总的来讲，这意味着段落可以在任何有合适的文本流的地方出现，例如文档的主体中、列表的元素里，等等。
• 5）p标签可以放a标签吗，p标签可以放span标签吗，p标签可以放div标签吗?
• 答：p标签可以放a标签，p标签可以放span标签，p标签不可以放div标签。
• 6）p标签为什么不能放div标签？
  参考文章：https://blog.csdn.net/h15882065951/article/details/72026881?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
• 7）那你回去试一试p标签可不可以放，这个在W3C上有标准，你可以看一下，对于不同浏览器，有不同的容错率，高端浏览器容错率更高。
• 8）面试官由标签语义化引申出废弃标签，并进行了讲解。
• 废弃标签：https://blog.csdn.net/weixin_42187676/article/details/80960079

5. CSS

• 1）CSS的性能优化
  参考文章：https://www.cnblogs.com/heroljy/p/9412704.html
• 2）面试官提到之前有CSS表达式，受到脚本攻击。

6.JS

• 1）前端性能优化：
  参考文章：https://www.cnblogs.com/lanxiansen/p/10972802.html
• 2）js放在底部就是性能的提高，为什么放在底部？
  参考文章：https://blog.csdn.net/weixin_38055381/article/details/85242426
• 3）闭包的优点
  参考文章：https://www.cnblogs.com/jiajialove/p/9049612.html
• 4）js都有什么作用域？
  参考文章：https://baijiahao.baidu.com/s?id=1627502571462484522&wfr=spider&for=pc
• 5）ES6新特性
  参考文章：https://www.jianshu.com/p/ac1787f6c50f
• 6）介绍一下let和const
  参考文章：https://www.cnblogs.com/jing-tian/p/11073168.html#_label2
• 7）const二次定义变量会怎么样？
  会报错。
  参考文章：https://blog.csdn.net/w1019945543/article/details/80966847
• 8）你回去试试，看是不是报错
  我试了，const二次定义变量真的报错了。
• 9）call和apply的区别
  参考文章：https://www.cnblogs.com/WQLong/p/9019007.html
• 10）NaN和undefined的区别
  参考文章：https://blog.csdn.net/master_yao/article/details/78903889
• 11）NaN == undefined是多少？
  答：0。
• 12）你回去试一下NaN == undefined 是多少，试一下 NaN === undefined是多少
  试了，都为0，NaN和谁（包括它本身）都不相等。
• 13）你对前端框架了解多少？
  参考文章：https://zhuanlan.zhihu.com/p/76463271
• 14）一个面试官：你说一下AUI和。。。（第二个框架我没听懂说的是啥）
• 15）另一个面试官：你知道AUI吗？
  嘿嘿，不知道。
  参考文章：https://www.cnblogs.com/zoujinhua/p/11207594.html

7.其他

• 1）写代码的时候要考虑到代码的优雅、性能、安全。
• 2）为什么选择前端，你觉得前端是做什么工作的？
• 3）你现在居住在哪？
• 4）你投的是深圳岗，为什么要从东北跑到这么远点地方？你来过深圳吗？
• 5）实习时长2个月可以接收吗？
• 6）如果更早实习可以什么时候？
• 7）面试结果会在7个工作日内公布，不过腾讯的机会还是很多的。感谢你接受面试邀请，谢谢。

三、感想

两个面试官都挺好的，问到我不会的问题，会给我讲一遍，感觉在上课老师提问问题一样，但是我不争气啊，好多问题都不会啊！
我不想被拒，我想去他们部门，我想看看那个没露脸的小哥哥。他声音好好听！
PS：第二张了，纪念一下吧，还是好看！