前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合

    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础

    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习

    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他

    • Handbook
    • 职场话题
    • CSS可视化
  • 框架文档

    • React
    • Vue3
    • Vite
    • Svelte
    • Angular
    • NodeJS
    • Egg
    • Nest
    • Koa
    • Express
    • Electron
    • Ionic
    • Taro
    • Uniapp
    • React Native
    • Webpack
    • Rollup
    • Jquery API
    • Bootstrap
    • Axios
    • Lodash
    • RXJS
    • Sequelize
    • TypeORM
    • Mongoose
    • GraphQL
    • Puppeteer
    • Sass
    • Less
    • Umi4
    • Miniprogram
  • 文档教程

    • Cheatsheets
    • Devdocs有可能是全球最全的文档库
    • Overapi
    • JavaScript 标准参考教程
    • ES6 入门教程
    • MDN在线文档
    • Typscript中文文档
    • JavaScript Promise迷你书(中文版)
    • Canvas API中文
    • Git中文手册
    • 云开发Cloudbase
    • Serverless中文文档
  • UI组件

    • Ant Design React
    • Ant Design Vue
    • Ant Design Pro
    • ProComponents
    • 腾讯Tdesign
    • NutUI京东风格的轻量级移动端 Vue 组件库
    • Semantic UI Vue
    • Cube UI Vue滴滴
    • Iview UI
    • 有赞Vant Vue3
    • 有赞Vant 小程序
    • Element UI Vue3
  • 可视化

    • Antv
    • Bizcharts
    • Threejs
    • D3js
    • Highcharts
    • Echarts
  • 配置相关

    • ESLint
    • Babel
    • Nginx中文文档
    • Github Action中文
    • Docker官方文档
    • Jenkins官方文档
  • 后端相关

    • Spring官方文档中文版
    • Spring Boot官方文档
    • Spring Cloud官方文档
    • Java8官方文档
    • maven官方文档
    • Tomcat 8官方文档
    • Kafka中文文档
    • MyBatis中文文档
    • RabbitMQ中文文档
    • Dubbo中文文档
    • Netty官方文档
    • Elasticsearch官方文档
    • K8S官方文档
  • 实用工具

    • 在线正则表达式调试工具
    • 在线正则表达式可视化
    • 常用正则表达式大全
    • 可以在线看代码流程的网站:loupe
    • 在线MD5编码工具
    • 在线JWT解码工具
    • 在线JSON解析
    • 在线文本比对
    • 在线JS代码格式化
    • 在线SQL压缩格式化
    • 在线XML压缩格式化
    • 在线时间戳转化工具
    • 在线RGB颜色转化工具
    • 在线HTTP在线接口测试工具
    • 在线IP地址查询
    • 在线菜鸟综合导航工具
  • 在线编程

    • MipCode快速的在线代码创作工具
    • Codepen
    • Jsbin
    • CodeSandBox在线快速学习React/Vue
    • Vue SFC Playground
    • Vue3 模板在线解析查看编译结果
    • Svelte Playground
    • 在线尝试Babel编译
    • Typescript在线编译
    • AST可视化编辑
    • 在线尝试Rollup打包
    • Prettier Playground
    • Stackblitz基于VSCODE的WEBIDE
    • NPM Runkit在浏览器中快速学习及尝试Node.js模块
    • Play with Docker在线体验
  • CSS相关

    • 用来帮助大家查找CSS的相关属性的语法,以及使用方法
    • 提供了CSS相关属性的浏览器兼容表,同时提供了对应属性资源
    • Flex在线动态练习
    • 贝塞尔曲线生成工具
    • SCSS在线转CSS
    • Clip-path在线生成器
    • Animate.css动画效果
    • 按需定制CSS动画效果
    • 一份清单,按字母表顺序列出了每个CSS属性
    • CSS按钮生成器
    • Css3按钮动画
    • CSS3渐变样式生成器,类似Photoshop中的渐变界面
    • CSS3 Maker可在线演示渐变阴影旋转动画并生成代码
    • CSS3 Tool非常方便的生成背景渐变、阴影、旋转和边框圆角效果
    • SVG背景生成
    • 多张图片合成雪碧图
    • 汇集了实现各种加载效果的CSS代码片段
    • SVG滤镜
    • HTML5 元素标签含义大全(元素周期表)
    • HTML语义化
    • KakaCss快速生成Css样式,在任意网站复制内容,再到本页面Ctrl+V
    • CSS参考手册
    • 各种各样的loading效果
    • CSS shadow generator
    • 通过拖拽的形式生成需要的border radius
    • 花式半径生成器-通过拖拽的形式生成需要的border radius
    • cssgrid-generator
  • 综合

    • 可视化学习算法网站
    • 在线Nginx配置
    • React生命周期查看网站
    • CodeFun设计稿智能生成源代码
    • Imgcook由设计稿一键智能生成代码的大厨
  • 创作必备

    • 在线画图processon
    • Draw.io免费的流行的流程图工具
    • 在线思维导图mindline
    • 在线字数统计
    • 在线mardown排版
    • 在线免费图床
    • 在线代码截图carbon
    • 在线短链生成
    • 在线文本替换
    • 在线文件压缩
    • 在线多媒体转换器
    • 在线PDF转化工具SmallPdf
    • 在线任意文件的格式转换Convertio
    • 在线PS工具
    • 在线抠图工具
    • LOGO在线制作
    • 在线制作海报设计工具
    • Open source icons
    • 表情包在线网站
    • 图片智能放大工具
    • ICO图标在线生成
    • 视频转GIF工具
    • 音频在线处理
    • 多图合成GIF工具
    • 在线图片压缩工具
    • Pixabay图片素材库
    • Unsplash图片素材库
    • Pexels图片素材库
小程序题库
公众号动态
博客动态
前端导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合

    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础

    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习

    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他

    • Handbook
    • 职场话题
    • CSS可视化
  • 框架文档

    • React
    • Vue3
    • Vite
    • Svelte
    • Angular
    • NodeJS
    • Egg
    • Nest
    • Koa
    • Express
    • Electron
    • Ionic
    • Taro
    • Uniapp
    • React Native
    • Webpack
    • Rollup
    • Jquery API
    • Bootstrap
    • Axios
    • Lodash
    • RXJS
    • Sequelize
    • TypeORM
    • Mongoose
    • GraphQL
    • Puppeteer
    • Sass
    • Less
    • Umi4
    • Miniprogram
  • 文档教程

    • Cheatsheets
    • Devdocs有可能是全球最全的文档库
    • Overapi
    • JavaScript 标准参考教程
    • ES6 入门教程
    • MDN在线文档
    • Typscript中文文档
    • JavaScript Promise迷你书(中文版)
    • Canvas API中文
    • Git中文手册
    • 云开发Cloudbase
    • Serverless中文文档
  • UI组件

    • Ant Design React
    • Ant Design Vue
    • Ant Design Pro
    • ProComponents
    • 腾讯Tdesign
    • NutUI京东风格的轻量级移动端 Vue 组件库
    • Semantic UI Vue
    • Cube UI Vue滴滴
    • Iview UI
    • 有赞Vant Vue3
    • 有赞Vant 小程序
    • Element UI Vue3
  • 可视化

    • Antv
    • Bizcharts
    • Threejs
    • D3js
    • Highcharts
    • Echarts
  • 配置相关

    • ESLint
    • Babel
    • Nginx中文文档
    • Github Action中文
    • Docker官方文档
    • Jenkins官方文档
  • 后端相关

    • Spring官方文档中文版
    • Spring Boot官方文档
    • Spring Cloud官方文档
    • Java8官方文档
    • maven官方文档
    • Tomcat 8官方文档
    • Kafka中文文档
    • MyBatis中文文档
    • RabbitMQ中文文档
    • Dubbo中文文档
    • Netty官方文档
    • Elasticsearch官方文档
    • K8S官方文档
  • 实用工具

    • 在线正则表达式调试工具
    • 在线正则表达式可视化
    • 常用正则表达式大全
    • 可以在线看代码流程的网站:loupe
    • 在线MD5编码工具
    • 在线JWT解码工具
    • 在线JSON解析
    • 在线文本比对
    • 在线JS代码格式化
    • 在线SQL压缩格式化
    • 在线XML压缩格式化
    • 在线时间戳转化工具
    • 在线RGB颜色转化工具
    • 在线HTTP在线接口测试工具
    • 在线IP地址查询
    • 在线菜鸟综合导航工具
  • 在线编程

    • MipCode快速的在线代码创作工具
    • Codepen
    • Jsbin
    • CodeSandBox在线快速学习React/Vue
    • Vue SFC Playground
    • Vue3 模板在线解析查看编译结果
    • Svelte Playground
    • 在线尝试Babel编译
    • Typescript在线编译
    • AST可视化编辑
    • 在线尝试Rollup打包
    • Prettier Playground
    • Stackblitz基于VSCODE的WEBIDE
    • NPM Runkit在浏览器中快速学习及尝试Node.js模块
    • Play with Docker在线体验
  • CSS相关

    • 用来帮助大家查找CSS的相关属性的语法,以及使用方法
    • 提供了CSS相关属性的浏览器兼容表,同时提供了对应属性资源
    • Flex在线动态练习
    • 贝塞尔曲线生成工具
    • SCSS在线转CSS
    • Clip-path在线生成器
    • Animate.css动画效果
    • 按需定制CSS动画效果
    • 一份清单,按字母表顺序列出了每个CSS属性
    • CSS按钮生成器
    • Css3按钮动画
    • CSS3渐变样式生成器,类似Photoshop中的渐变界面
    • CSS3 Maker可在线演示渐变阴影旋转动画并生成代码
    • CSS3 Tool非常方便的生成背景渐变、阴影、旋转和边框圆角效果
    • SVG背景生成
    • 多张图片合成雪碧图
    • 汇集了实现各种加载效果的CSS代码片段
    • SVG滤镜
    • HTML5 元素标签含义大全(元素周期表)
    • HTML语义化
    • KakaCss快速生成Css样式,在任意网站复制内容,再到本页面Ctrl+V
    • CSS参考手册
    • 各种各样的loading效果
    • CSS shadow generator
    • 通过拖拽的形式生成需要的border radius
    • 花式半径生成器-通过拖拽的形式生成需要的border radius
    • cssgrid-generator
  • 综合

    • 可视化学习算法网站
    • 在线Nginx配置
    • React生命周期查看网站
    • CodeFun设计稿智能生成源代码
    • Imgcook由设计稿一键智能生成代码的大厨
  • 创作必备

    • 在线画图processon
    • Draw.io免费的流行的流程图工具
    • 在线思维导图mindline
    • 在线字数统计
    • 在线mardown排版
    • 在线免费图床
    • 在线代码截图carbon
    • 在线短链生成
    • 在线文本替换
    • 在线文件压缩
    • 在线多媒体转换器
    • 在线PDF转化工具SmallPdf
    • 在线任意文件的格式转换Convertio
    • 在线PS工具
    • 在线抠图工具
    • LOGO在线制作
    • 在线制作海报设计工具
    • Open source icons
    • 表情包在线网站
    • 图片智能放大工具
    • ICO图标在线生成
    • 视频转GIF工具
    • 音频在线处理
    • 多图合成GIF工具
    • 在线图片压缩工具
    • Pixabay图片素材库
    • Unsplash图片素材库
    • Pexels图片素材库
小程序题库
公众号动态
博客动态
前端导航
前端面试题整理
首页
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
    Preview
    • 目录
      • $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学习总结(一)弹性布局总结 →