获得徽章 23
淘系视频三面
1. 自我介绍
2. 为什么选择你的学校和专业
3. 专业课程及排名
4. 为什么参加那么多活动，收获是什么
5. 你是怎么理解繁华这个概念
6. 你是怎么跟着你的导师进入实验室
7. 实验室项目的角色定位
8. 较于你同届的情况
9. 如何学习前端
10. 有运用过最近主流的前端新技术吗
11. 在深圳浏览器输入 taobao.com 的整个实现过程
12. 如何通过 IP 就能连通到杭州这个服务器
13. 有学习过 java 吗
14. 反问
1. 技术栈
2. 如果我遇到无法解决的难题
1. 支持鼓励提问和学习，避免重复和无用功，希望能自我总结，举一反三。
3. 如果我犯了错误
1. 不怕犯错，要及时积极更改完善，避免重复和无法理解的错误，希望自我总结提升。
4. 对我评价和完善
1. 查找新技术，一定要动手，自我做小 demo，不断克服自己挑战自己，给自己出难题。
总结：好累好累好累，面试官应该是有事太忙遗忘了。大概晚了40多分钟，不过没关系～表示理解（以后我也要这么有价值地忙绿着！）
面试官很和蔼，是一个很好很好的叔叔，点赞。展开55- js模块化发展历程
1. 命名空间模式
2. CommonJs
3. AMD 规范（关于 CommonJs 的异步规范实现）
4. ES6模块化
5. 工程化工具 webpack、vite 等打包构建工具
-----------------------------CommonJs 和 ES6 Module 的区别
1. CommonJs导出的是变量的一份拷贝，ES6 Module导出的是变量的绑定（export default 是特殊的）
2. CommonJs是单个值导出，ES6 Module可以导出多个
3. CommonJs是动态语法可以写在判断里，ES6 Module静态语法只能写在顶层
4. CommonJs的 this 是当前模块，ES6 Module的 this 是 undefined展开11 - CVTE 视频一面（模糊/答不太清晰的问题）
1. 两个块级行内元素为什么会有空隙
2. 图片懒加载的具体实现过程
3. CDN除了物理距离上的优势，还有其他什么优势吗
4. 防抖具体实现（this指向有问题）
5. 为什么CSS3动画可以避免阻塞渲染DOM（新开的进程忘了）
6. TCP四次挥手最后一次挥手的最大两个报文存在周期是怎么来的
7. CSS的优化（答了挺多，但感觉应该还有！）
-------
去跑个步～
回来整理！展开55 - 滴滴滴淘系电话二面：
很奇怪喔，面试官没有怎么问技术，较多问项目和生活。
不过这次的面试，真的让我收获很多，类似于发展路线，自己该如何沉淀地更好。
以下针对自身，与面试官的建议做自我总结。
一. 自我介绍
二. 年级排名
三. 学得最好的几门课
四. 数据结构算法这门课怎么样
五. leetcode 有了解和刷过嘛（几题？难度？）
六. 有无论文？
七. 带班班主任的经历？
八. 这段经历的收获？
九. 做得最大的贡献？
十. 对你个人的思考和反思是什么？
十一. 项目的难点？
十二. 其他的技术挑战？
十三. 为什么接二百多个接口比较厉害？
- 鹅鹅鹅鹅鹅
十四. 整个做前端的时间有多久？
十五. egg 用了多久？
十六. 为什么服务端有 java 还有 egg？
十七. 为什么不用 java 来写要用 egg？
点评：没有一直清晰的架构的概念（对，这一方面真的很需要去大型项目学习！）
十八. egg 主要完成什么呢？
十九. 架构有个原则：职责边界要分清楚（高内聚，低耦合）
确实，一语就点中当时一开始想这样开发时，我的担忧。
二十. 通过什么方式学习和提升前端学习？
二十一. 看过东西有做过哪些实践呢？
二十二. 你觉得你能将前端作为自己一种热爱的事业嘛？
二十三. 有在 github 上看项目吗？
二十四. 有什么兴趣爱好呢？
二十五. 王者荣耀到什么级别？
重点！！我的提问
--------手动分割--------
1. 技术上的投入和实践可以再大胆一些。
2. 不够往前去提升。
3. 技术的深度不够挖掘，多去看一些啥前端早早聊呀等一些好的前端培训吧。
4. 看整个前端对应的课题去看一看，对于技术的塑造和技术的路线。
5. 在哪个领域可以深入（自身比较感兴趣的）
6. 整个项目的架构究竟该怎么做，要看一下前人的经验思考。
7. 文章什么的也要有自己的思考等。
8. 架构上、原则上的东西要多了解一下，设计模型、工程等东西。（前端多看看）
9. 这些都是纯理论的东西，后边开发是看你具体情况的实践。
（这一次是很奇妙的一次面试经历，还是很开心有二面的机会，并且听取到了什么的建议，这半年我也慢慢提升自我叭！）展开711 - 3.26 腾讯PCG应用产品部 - 电话一面
表扬自己！真的太辛苦了！！(手动表扬)
小插曲：我刚敲完要发沸点了，结果一个刷新，全没了。
重点：好吧，再来一次（听听面试官的声音，和我美妙的声音）
（记录模糊不清或个人需要的知识点）
项目项目项目！！
1. CSS
- 1. 实现垂直居中（啊啊啊啊不是水平垂直！我懵了好一阵子在理细节）
- - 1. 面试官一直在扣每个属性如何配
- 2. transform中的translateY属性
2. JS
- 1. 闭包如果放在一个对象中，也可以避免被标记回收，为啥用那么绕来实现闭包。
- 2. 闭包除了直接返回一个函数，是有什么其他的逻辑呢？
- 3. 用原型来实现两个构造函数的继承（super类、和son子类，son来继承super的属性和方法）
- 4. 构造函数里有this嘛？this指向哪里？this里有prototype吗？
- 5. 在son类中this是对象还是函数？
- 6. 继承还有哪一些方式？
- 7. 工厂函数继承介绍一下？
- 8. ES6更简单来实现继承？
- 9. class中的super如何指定你的父类？
- 10. var为什么可以重复声明？
- 11. if内外可以声明同一个let变量吗？
- 12. 一个普通函数加async会有什么变化？
- 13. 如果这个普通函数返回就是promise，加async还有什么变化呢？（还没await）！！我之前好像就是遇到这个bug，还像状态一直是panding
3. 网络
- 1. crsf如何拿到cookie呢？（A、B网站是不同域限制的）
- 2. 如果拿到http请求头的cookie呢？
3. 生活
- 1. 有看什么技术的书籍呢？
- 2. 是如何学习前端呢？
（这次俺就先把问题都放上，这样会方便大家一点，俺学习整理的知识再放到评论区中叭！）
（日常看看咱的面试官～很温柔，哇竟然比我还温柔的！虽然小哥哥真的一直深入深入很基础地问下去，但是！会一直一直给我提示的！）
（然后自己大部分基础都理解概念和知识，只不过，很多基础背后深入的原理，自己其实都有接触学习过，然后就哇！soga就一遍过脑，现在忘了！害）
（最后面试官说语速可以再快一点，这样子节奏就会更好！好嘞！） 展开158 - 3.25-阿里淘系-电话一面-记录自己模糊不清的知识点和概念（45min+）
1. 问项目
真的要就是整理好你的拿手项目，并且要超级熟悉你的项目才行！！加油加油！
2. CSS 基础
- 1. 替换元素和非替换元素 - 懵了
- - 1. 根据 "外在盒子" 是内联还是块级我们可以把元素分为内联元素和块级元素，而根据是否具有可替换内容，我们也可以把元素分为替换元素和非替换元素。
- - 2. 例如 <img> 的 "src" 属性，<input> 的 "type" 属性，呈现的内容就可以被改变的元素称为替换元素，例如：<img>,<input>,<textarea>,<select> 等等，除此之外
- - 3. 替换元素具有以下的特点
- - - 1. 替换元素都是内联元素
- - - 2. 替换元素的尺寸分为3类：固有尺寸、HTML 尺寸和 CSS 尺寸。固有尺寸指的是替换内容原本的尺寸；HTML 尺寸指的是在 HTML 属性上设置的尺寸，它将覆盖固有尺寸；CSS 尺寸即是在 CSS 样式中设置的尺寸，它将覆盖固有尺寸和 HTML 尺寸。
- - - 3. 替换元素可以撑开行框，但是不影响行高。（行内元素的特点）
- 2. CSS的布局方式
- - 1. flex 布局！！！！（我没有回答！！flex！天呐）
- - 2. 两/三栏布局 - 是通过浮动和 margin 自主撑开的原理
- - 3. 响应式布局
- - - 1. 加上一个 meta 标签
<meta name="viewport" content="width=device-width, initial-scale=1">
- - - 2. 使用 rem/vw/vh 等自适应
- - - 3. media query（）- 媒体查询
总结
> 如果自己项目经验是优势的话，一定要抛出自己项目的优势给面试官！！
> 项目的经验是除了技术写代码之外，也是很宝贵宝贵的能力！
（中间因为偶然缘故不小心挂了面试官的电话，真的很感谢面试官没有在意我的失误！不管能不能过叭！还是觉得很感激喔！！听了一下自己的录音，自己语速较慢，说话较为低沉，还是得要高昂清晰一些！！加油！可以获得实习机会的。）
放不下，放评论区鹅鹅鹅鹅鹅。展开1614 - 2021.03.23 - 记录腾讯暑期实习生一面 (被虐的问题)
- 以下问题不关乎顺序（面试官是各种模块提问的）
- ！！以下答案是个人理解和学习，若有错误或改进！各位大大提点一下呀！
1. 浏览器如何缓存文件（如JS/Css）
- 通过Http的强缓存或协商缓存
- 若命中则直接读取浏览器中缓存的文件
2. Https的连接步骤
- 1. 客户端发起https连接，请求连接
- 2. 服务端发送证书（私钥加密的密文只有公钥才能解开；公钥加密的密文只有私钥才能解开。）
- 3. 客户端验证服务端发来的证书，并生成随机数加密生成握手信息
- 4. 服务端接收随机数加密的信息，并解密得到随机数，验证握手信息是否被篡改。
- 5. 客户端验证服务端发送回来的握手信息，完成握手
3. Https的SSL加密算法是对称还是非对称
- HTTPS 在内容传输的加密上使用的是对称加密，非对称加密只作用在证书验证阶段。
4. 为什么会出现对称或非对称的情况
- 非对称加密的加解密效率是非常低的，而 http 的应用场景中通常端与端之间存在大量的交互，非对称加密的效率是无法接受的。
- 因此内容传输使用对称加密，证书验证使用非对称加密。
5. CDN的原理
- 由于用户访问源站业务有性能瓶颈，通过cdn技术把源站的内容缓存到多个节点。用户向源站域名发起请求时，请求会被调度至最接近用户的服务节点，直接由服务节点直接快速响应，有效降低用户访问延迟，提升可用性。
6. 本地是如何找到最近的CDN上
- 鹅鹅鹅鹅鹅
7. cros为什么可以进行跨域（找不到答案，现在理了理，说下个人的见解吧！大大们有知道的，吱呼吱呼下呀）
- 浏览器在进行复杂请求时，会先发送一个预请求OPTIONS。
- OPTION请求有对应的各种跨域所需的内容作为检测。
- 若验证成功了，才进行数据的请求连接
（太多了，剩下的问题放在评论区）
（反正！还是要了解原理，面试官会提问深入并询问原理。） 展开245
