一、投递信息
投递时间：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：第二张了，纪念一下吧，还是好看！
