css
1,盒模型
2,如何实现一个最大的正方形
3,一行水平居中,多行居左
4,水平垂直居中
5,两栏布局,左边固定,右边自适应,左右不重叠
6,如何实现左右等高布局
7,画三角形
8,link @import导入css
9,BFC理解
js
1,判断 js 类型的方式
2,ES5 和 ES6 分别几种方式声明变量
3,闭包的概念?优缺点?
4,浅拷贝和深拷贝
5,数组去重的方法
6,DOM 事件有哪些阶段?谈谈对事件代理的理解
7,js 执行机制、事件循环
8,介绍下 promise.all
9,async 和 await,
10,ES6 的 class 和构造函数的区别
11,transform、translate、transition 分别是什么属性?CSS 中常用的实现动画方式,
12,介绍一下rAF(requestAnimationFrame)
13,javascript 的垃圾回收机制讲一下,
14,对前端性能优化有什么了解?一般都通过那几个方面去优化的?
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
6.行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
7.a标签中 如何禁用href 跳转页面 或 定位链接
8.canvas在标签上设置宽高 和在style中设置宽高有什么区别
9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?
10.iframe有哪些缺点?
11.HTML5新特性
12.HTML5离线储存
13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢
14.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?
15.HTML与XHTML——二者有什么区别
…
1.页面渲染时,dom 元素所采用的 布局模型,可通过box-sizing进行设置。根据计算宽高的区域可分为:
2.ie盒模型算上border、padding及自身(不算margin),标准的只算上自身窗体的大小 css设置方法如下:
3.几种获得宽高的方式 :
4.拓展各种获得宽高的方式 :
5.边距重叠解决方案(BFC) BFC原理
6.css reset和normalize.css有什么区别:
7.居中方法:
8.css优先确定级:
9.如何清除浮动:
10.自适应布局:
11.画三角形:
12.link@import导入css:
13.长宽比方案:
14.display相关:
15.CSS优化:
16.CSS开启GPU加速
17.开启GPU硬件加速可能触发的问题:
18.CSS中link与@import的区别:
19.CSS选择器列表优先级及权重:
20.display:none和visibility:hidden的区别:
21.position的absolute与fixed共同点与不同点:
22.介绍一下CSS的盒子模型:
23.CSS选择符有哪些?
24.哪些属性可以继承?
25.优先级算法如何计算?
由于内容过多,如需获取完整面试题+解析可以【点击我】。
1.请你谈谈Cookie的优缺点
2.Array.prototype.slice.call(arr,2)方法的作用是:
3.以下代码执行后,控制台的输出是:
4.简单说一下浏览器本地存储是怎样的
5.原型 / 构造函数 / 实例
6.原型链:
7.执行上下文(EC)
8.变量对象
9.作用域链
10.闭包
11.对象的拷贝
12.new运算符的执行过程
13.instanceof原理
14.代码的复用
15.继承
16.类型转换
17.类型判断
18.模块化
19.防抖与节流
20.函数执行改变this
21.ES6/ES7
22.AST
23.babel编译原理
24.函数柯里化
25.get请求传参长度的误区
26.补充get和post请求在缓存方面的区别
27.说一下闭包
28.说一下类的创建和继承
29.如何解决异步回调地狱
30.说说前端中的事件流
31.如何让事件先冒泡后捕获
32.说一下事件委托
33.说一下图片的懒加载和预加载
34.mouseover和mouseenter的区别
35.js的new操作符做了哪些事情
36.改变函数内部this指针的指向函数(bind,apply,call的区别)
总结
为了帮助大家更好温习重点知识、更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。
内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
前端面试题汇总
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
JavaScript
性能
linux
t/7796de226b373d068d8f5bef31e668ce.png)
性能
linux