作业帮秋招前端笔试

实习和项目 1. 实习做的业务和一些难点。2. 介绍项目，另外对于截取图片发送到服务端，图片如果过大中间出现问题是如何处理的。图片用的什么格式3. 项目中埋点监控上报的细节部分。八股4. jepg，png，gif等格式有什么区别5. 同源策略6. 正向代理和反向代理的区别6. BFC是啥，BFC的作用7. 闭包的概念8. 浏览器缓存有那些，协商缓存过程说一下，强缓存的 cache-control 里有那些属性9. 事件循环机制10. 事件委托机制以及这个机制有什么作用11. 冒泡过程12. 工程化，webpack的工作流程13. 有利用webPack做一些优化吗13. 知道 babel 吗，什么作用14. vue双向绑定的原理15. 为啥vue2数组使用.push等函数的时候也可以监听到（函数重写）16. computed和watch的区别17. keep-alive的作用和实现原理18. es6有那些新特性19. 块级作用域20. promise ，async await，定时器的区别手撕1. 提取url的请求参数，a. 没有给参数名，就返回全部参数的数组或空数组。b. 给了参数名就返回该参数的值，或者空字符串。c. 给了参数，有多个值，就返回该参数名所有值的数组。

自我介绍前端学习过程假设有个页面有不同的样式文件，怎么让这些样式文件在这个页面中生效假设要从0做一个系统，有一个首页，有一个登录页，访问首页有个登录按钮，点击跳转登录页，登录页登录后又回到首页显示登录信息，这个系统中每个流程步骤怎么做的http状态码301，302怎么知道重定向到哪里css中的display属性块级元素、行内元素以及行内块级区别常用的图片格式以及区别手机拍照是什么格式的如果做个网站要支持多语言怎么做？或者直接用用户手机使用的语言怎么做？

八股+手撕 1.css盒子模型2.怎么解决塌陷3.BFC创建的方式4.flex相关属性5.display:flex;flex-direction:column;设置水平居中该如何设置6.伪类和伪元素的区别7.var let const的区别8.JavaScript简单数据类型有哪些9.this关键字，指向问题10.call、apply、bind指定 this区别11.浏览器dom事件模型12.看图13.浏览器存储有哪些14.怎么读取cookie : document.cookie15.同源策略和跨域问题16.img src="www.baidu.com/1.png" 这样能显示图片么，这是jsonp吗17.网络模型18.http,tcp,ip协议分别在哪个层19.http缓存策略20.强缓存的缺陷是什么21.为什么学前端手撕：给一个数组nums和一个目标值target，要求实现一个函数返回和为target的两个数的组合并且不能重复

一、为什么需要 Symbol（问题） 在 ES5 中，对象属性名只能是字符串，容易发生命名冲突：后定义的属性会覆盖先定义的属性。大型工程或多库组合时尤为常见。  痛点：如何为对象添加“绝不会冲突”的键？ 答案：使用 Symbol 作为键。每个 Symbol 都是唯一的，不会与任何其他键相等。  二、Symbol 是什么（原理）  Symbol 是一种原始数据类型，表示独一无二的值。 通过工厂函数创建：Symbol([description])。描述只是调试用标签，不参与相等比较。 相同描述创建的两个 Symbol 也不相等。  const s1 = Symbol(); const s2 = S...