前端面试题总结 粗糙版

第1个问题是viewport各个属性值的意义,以及如何实现不用viewport控制用户不能缩放,回答用js监听屏幕宽度。

第2个问题是设计弹出层的具体过程。

第3个问题是基础css水平垂直居中。

第4个问题是透明度问题。

第5个问题是点透问题。为什么会有点透现象。

第6个问题是http缓存机制。

第7个问题是五星好评点几颗星亮几颗,用css。

第8个问题是实现查询字符串中出现最多次数的字符,用js写代码。

第9个问题是三次握手四次挥手。

第10个问题是tcp如何保证有效传输及拥塞控制原理。

第11个问题是https具体流程。

第12个问题是进程线程,并发并行。

第13个问题是跨域,实现jsonp。

第14个问题是网络攻防xss。

第15个问题是cookie与session的区别。

第16个问题是vue框架有没实现敏感字符过滤,如果不想过滤该用什么。

第17个问题是微信小程序生命周期,我未答上,因为我未真正接触过小程序。

第18个问题是一段js代码判断哪个先输出。

第19个问题是关于js请求需要时间的问题。

第20个问题是闭包问题,改进代码。

第21个问题是深克隆问题。

第22个问题是vue双向数据绑定的过程


第一个问题是this指向问题,改进,用了箭头函数与call,随后让写call的实现!!手动狗头,我只是个孩纸呀。

第二个问题是关于栈,手写实现1秒输出1,2秒输出3,4秒输出2!我还是个孩纸。

第三个问题就是谈到我自己动手做的小作品了,rem啦,vue在移动端为什么会有滚动失效的原因,这个我没回答出来,忘了。还有音乐播放器的具体实现。

接着就问我一般如何学习。


节流防抖、bind底层、extend底层、$底层、cookie封装、扁平化、
柯里化、promise原理、手写闭包、手写ajax、串行ajax请求处理、
url处理、promise封装ajax。


从输入url到页面加载完成发生了什么?——前端角度


1.JavaScript高级程序设计(红宝书),看个两三遍..其义自见,面试内容基本逃不过红宝书里的东西。继承、原型链、作用域链百考不厌。

2.es6标准入门(阮一峰),不要只是了解es6有哪些东西,建议直接看线上版,一个一个块去学习..面试官问es6了解哪些的时候你说的越多评价越高,比较核心的内容:箭头函数,promise,map,set,let,const,class,symbol,generator。es7:async,await

3.玩转数据结构(慕课网,网上可以找到百度云资源),非常重要,前端同学不要觉得数据结构没用.. 实际上了解更多的数据结构可以让你编码更加轻松和流畅(解析后台数据的时候也会更加清楚怎么做)。还有就是一定要跟着写,像链表、队列、二叉树、堆跟着写一下就好..面试过程中有遇到手写bst的add..前中后序遍历..删除节点

4.剑指offer和LeetCode,不管你觉得前端需不需要会算法,刷就行了

5.个人技术栈是vue。针对vue:双向数据绑定原理(被问到吐,最好会写一个简单的双绑),v-model原理(快手挂掉的原因),diff算法(考得较少),vue和其他框架的区别(一般react),vue代码优化,组件编写要点,vue-router原理(如何加入动态参数),vuex解决了什么有哪些模块

6.移动端(个人有半年左右的移动端开发经历,所以问得较多):300ms产生原因和解决方案,点击穿透事件,如何做自适应,兼容性问题如何解决,input框被输入法遮挡解决方案

7.计算机网络,非常非常重要,大厂必问。osi七层模型/tcpip四层模型,http1.0 1.1 2.0区别,https原理,请求响应报文header具体内容(了解的越多越好),请求方式,各种响应码(最重要的304一定要说清楚,详见http缓存详解,cache-control),tcp/udp不同,tcp(三握四挥、syn洪泛、流量控制、拥塞控制、滑动窗口协议),dns解析,个人还被问过mac/ip。

8.os:进线程区别,调度和通信方式。

9.数据库:除了事务以外我不会..一般不会问

10.前端优化问题(各种方案,最好能手写)

11.比较常考的前端代码题:节流防抖、bind底层、extend底层、$底层、cookie封装、扁平化、柯里化、promise原理、手写闭包、手写ajax、串行ajax请求处理、url处理、promise封装ajax。

12.设计模式(单例、工厂、观察者、订阅发布者),最好能手写

13.浏览器机制(异步机制、线程宿主环境),微宏任务(非常重要),URL输入到绘制的全过程

14.后台(基本没被问过..),楼主也只会点点nodejs,入门级别(会写爬虫,简单搭建服务器,了解koa洋葱圈模型,express中间件写法)

15.html:h5相关内容,加分点:canvas 和 webgl

16.css:选择器相关、双列等高三列自适应布局等、垂直居中(可能不定高)、动画(多写..js动画了解jq和velocity)、css3相关(transition/transform)、bfc(形成方式)、display/position参数、flex参数,border相关绘图,box-sizing参数

17.spa相关(首屏加载,白屏问题,路由转换,seo)

18.服务器端渲染(不会问太深,加分项)

19.websocket原理和服务器端推送机制,长短轮询

一个页面的一个值传到另一个页面

原文地址:https://www.cnblogs.com/zhoujingguoguo/p/10771427.html