前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航

前端面试题整理

首页
2017-03-12 22:24:08
Front-End
面试

# 目录

# $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、网页验证码是干嘛的,是为了解决什么安全问题

# $CSS部分

  • 1、css sprite是什么,有什么优缺点
  • 2、display: none;与visibility: hidden;的区别
  • 3、link与@import的区别
  • 4、什么是FOUC?如何避免
  • 5、如何创建块级格式化上下文(block formatting context),BFC有什么用
  • 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原理
  • 11、模块化开发怎么做?
  • 12、异步加载JS的方式有哪些?
  • 13、那些操作会造成内存泄漏?
  • 14、XML和JSON的区别?
  • 15、谈谈你对webpack的看法
  • 17、常见web安全及防护原理
  • 18、用过哪些设计模式?
  • 19、为什么要有同源限制?
  • 20、offsetWidth/offsetHeight,clientWidth/clientHeight与scrollWidth/scrollHeight的区别
  • 21、javascript有哪些方法定义对象
  • 22、常见兼容性问题?
  • 22、说说你对promise的了解
  • 23、你觉得jQuery源码有哪些写的好的地方
  • 25、Node的应用场景
  • 26、谈谈你对AMD、CMD的理解
  • 27、那些操作会造成内存泄漏?
  • 28、web开发中会话跟踪的方法有哪些
  • 29、介绍js的基本数据类型
  • 30、介绍js有哪些内置对象?
  • 31、说几条写JavaScript的基本规范?
  • 32、JavaScript有几种类型的值?,你能画一下他们的内存图吗?
  • 33、javascript创建对象的几种方式?
  • 34、eval是做什么的?
  • 35、null,undefined 的区别?
  • 36、[“1”, “2”, “3”].map(parseInt) 答案是多少?
  • 37、javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么?
  • 38、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、编写一个方法 求一个字符串的字节长度

# $其他

  • 1、谈谈你对重构的理解
  • 2、什么样的前端代码是好的
  • 3、对前端工程师这个职位是怎么样理解的?它的前景会怎么样?
  • fe
    • 目录
      • $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 为什么只需要写 ?
      • 21、如何在页面上实现一个圆形的可点击区域?
      • 22、网页验证码是干嘛的,是为了解决什么安全问题
    • $CSS部分
      • 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原理
      • 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、常见兼容性问题?
      • 22、说说你对promise的了解
      • 23、你觉得jQuery源码有哪些写的好的地方
      • 24、vue、react、angular
      • 25、Node的应用场景
      • 26、谈谈你对AMD、CMD的理解
      • 27、那些操作会造成内存泄漏?
      • 28、web开发中会话跟踪的方法有哪些
      • 29、介绍js的基本数据类型
      • 30、介绍js有哪些内置对象?
      • 31、说几条写JavaScript的基本规范?
      • 32、JavaScript有几种类型的值?,你能画一下他们的内存图吗?
      • 33、javascript创建对象的几种方式?
      • 34、eval是做什么的?
      • 35、null,undefined 的区别?
      • 36、[“1”, “2”, “3”].map(parseInt) 答案是多少?
      • 37、javascript 代码中的"use strict";是什么意思 ? 使用它区别是什么?
      • 38、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的函数和需要注意的点
    • $其他
      • 1、谈谈你对重构的理解
      • 2、什么样的前端代码是好的
      • 3、对前端工程师这个职位是怎么样理解的?它的前景会怎么样?
      • 4、你觉得前端工程的价值体现在哪
      • 5、平时如何管理你的项目?
    • 人事面
    • 常问

    ← Vue学习总结(一)弹性布局总结 →