目录
$HTML,HTTP,web综合问题
整理
$CSS部分
|
|
$JavaScript
|
|
$编程题
|
|
$其他
|
|
人事面
|
|
常问
|
|
解答
$HTML, HTTP,web综合问题
1、前端需要注意哪些SEO
|
|
2、img标签的title和alt有什么区别
|
|
3、HTTP的几种请求方法用途
|
|
4、从浏览器地址栏输入url到显示页面的步骤
|
|
5、如何进行网站性能优化
|
|
6、HTTP状态码及其含义
|
|
7、语义化的理解
|
|
8、介绍一下你对浏览器内核的理解?
|
|
9、html5有哪些新特性、移除了那些元素?
|
|
10、HTML5的离线储存怎么使用,工作原理能不能解释一下?
|
|
|
|
11、浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢
|
|
12、请描述一下 cookies,sessionStorage 和 localStorage 的区别?
|
|
13.iframe有那些缺点?
|
|
14.WEB标准以及W3C标准是什么?
|
|
15、xhtml和html有什么区别?
|
|
16、Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?
|
|
17、行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?
|
|
18、HTML全局属性(global attribute)有哪些
|
|
19、Canvas和SVG有什么区别?
|
|
20、HTML5 为什么只需要写 <!DOCTYPE HTML>?
|
|
21、如何在页面上实现一个圆形的可点击区域?
|
|
22、网页验证码是干嘛的,是为了解决什么安全问题
|
|
1、css sprite是什么,有什么优缺点
|
|
2、display: none;与visibility: hidden;的区别
|
|
3、link与@import的区别
|
|
4、什么是FOUC?如何避免
|
|
5、如何创建块级格式化上下文(block formatting context),BFC有什么用
|
|
6、display,float,position的关系
|
|
7、清除浮动的几种方式,各自的优缺点
|
|
8、为什么要初始化CSS样式?
|
|
9、css3有哪些新特性
|
|
10、display有哪些值?说明他们的作用
|
|
11、介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的?
|
|
12、CSS优先级算法如何计算?
|
|
13、对BFC规范的理解?
|
|
14、谈谈浮动和清除浮动
|
|
15、position的值, relative和absolute定位原点是
|
|
16、display:inline-block 什么时候不会显示间隙?(携程)
|
|
17、PNG,GIF,JPG的区别及如何选
|
|
18、行内元素float:left后是否变为块级元素?
|
|
19、在网页中的应该使用奇数还是偶数的字体?为什么呢?
|
|
20、::before 和 :after中双冒号和单冒号 有什么区别?解释一下这2个伪元素的作用
|
|
21、如果需要手动写动画,你认为最小时间间隔是多久,为什么?(阿里)
|
|
22、CSS合并方法
|
|
23、CSS不同选择器的权重(CSS层叠的规则)
|
|
24、列出你所知道可以改变页面布局的属性
|
|
25、CSS在性能优化方面的实践
|
|
26、CSS3动画(简单动画的实现,如旋转等)
|
|
27、base64的原理及优缺点
|
|
$JavaScript
1、闭包
|
|
2、说说你对作用域链的理解
|
|
3、JavaScript原型,原型链 ? 有什么特点?
|
|
4、请解释什么是事件代理
|
|
5、Javascript如何实现继承?
|
|
|
|
6、谈谈This对象的理解
|
|
7、事件模型
|
|
|
|
8、new操作符具体干了什么呢?
|
|
9、Ajax原理
|
|
|
|
ajax 有那些优缺点?
|
|
10、如何解决跨域问题?
|
|
11、模块化开发怎么做?
立即执行函数,不暴露私有成员
12、异步加载JS的方式有哪些?
|
|
13、那些操作会造成内存泄漏?
|
|
14、XML和JSON的区别?
|
|
15、谈谈你对webpack的看法
|
|
16、说说你对AMD和Commonjs的理解
|
|
17、常见web安全及防护原理
|
|
18、用过哪些设计模式?
|
|
19、为什么要有同源限制?
|
|
20、offsetWidth/offsetHeight,clientWidth/clientHeight与scrollWidth/scrollHeight的区别
|
|
21、javascript有哪些方法定义对象
|
|
22、常见兼容性问题?
|
|
|
|
IE下,event对象有x,y属性,但是没有pageX,pageY属性
Firefox下,event对象有pageX,pageY属性,但是没有x,y属性.
22、说说你对promise的了解
|
|
构造一个 Promise,最基本的用法如下:
Promise 实例拥有 then 方法(具有 then 方法的对象,通常被称为thenable)。它的使用方法如下:
|
|
23、你觉得jQuery源码有哪些写的好的地方
|
|
24、vue、react、angular
|
|
25、Node的应用场景
|
|
26、谈谈你对AMD、CMD的理解
|
|
27、那些操作会造成内存泄漏?
|
|
28、web开发中会话跟踪的方法有哪些
|
|
29、介绍js的基本数据类型
|
|
30、介绍js有哪些内置对象?
|
|
31、说几条写JavaScript的基本规范?
|
|
32、JavaScript有几种类型的值?,你能画一下他们的内存图吗?
|
|
33、javascript创建对象的几种方式?
|
|
对象字面量的方式
用function来模拟无参的构造函数
用function来模拟参构造函数来实现(用this关键字定义构造的上下文属性)
用工厂方式来创建(内置对象)
用原型方式来创建
用混合方式来创建
34、eval是做什么的?
|
|
35、null,undefined 的区别?
|
|
36、[“1”, “2”, “3”].map(parseInt) 答案是多少?
|
|
37、javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么?
|
|
38、JSON 的了解?**
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式
它是基于JavaScript的一个子集。数据格式简单, 易于读写, 占用带宽小
JSON字符串转换为JSON对象:
JSON对象转换为JSON字符串:
|
|
39、js延迟加载的方式有哪些?
|
|
40、同步和异步的区别?
|
|
41、渐进增强和优雅降级
|
|
42、defer和async
|
|
43、说说严格模式的限制
|
|
44、attribute和property的区别是什么?
|
|
45、谈谈你对ES6的理解
|
|
46、ECMAScript6 怎么写class么,为什么会出现class这种东西?
|
|
47、什么是面向对象编程及面向过程编程,它们的异同和优缺点
|
|
48、面向对象编程思想
|
|
49、对web标准、可用性、可访问性的理解
|
|
$编程题
1、写一个通用的事件侦听器函数
|
|
2、如何判断一个对象是否为数组
|
|
3、冒泡排序
每次比较相邻的两个数,如果后一个比前一个小,换位置
4、快速排序
采用二分法,取出中间数,数组每次和中间数比较,小的放到左边,大的放到右边
5、编写一个方法 求一个字符串的字节长度
假设:一个英文字符占用一个字节,一个中文字符占用两个字节
6、bind的用法,以及如何实现bind的函数和需要注意的点
|
|
一个简单的bind函数实现如下
$其他
1、谈谈你对重构的理解
|
|
2、什么样的前端代码是好的
|
|
3、对前端工程师这个职位是怎么样理解的?它的前景会怎么样?
|
|
4、你觉得前端工程的价值体现在哪
|
|
5、平时如何管理你的项目?
|
|