关键词：

写在前面

• 专栏描述：欢迎各位加入该专栏得小伙伴，如果我没有猜错得话，我觉得你是应该同我一样是一位前端人。如今前端在 IT 事业中的占比越来越重，已经成为不可缺少的部分，前端技术也是层出不穷，各种技术类、技术框架也蜂拥而出，前端面试的难度也随之增加，如果我们拥有一套前端面试宝典。如果你是应聘者：你就可以从容的 solo 面试官，如果你是面试官：你就可以将应聘者拷问到骨子里！
  总之我会将面试经验以及知识点汇聚于此，形成一套体系的前端面试宝典。让读者无论是面试还是学习都能够有非常大的收获。

在平常的面试中，我常会问刚刚入门前端或者在前端工作 1-2 年的开发者一个问题：平时是怎么学习前端的？答案也是五花八门，有说通过 B 站学习的，有说下载网课学习的，有说看红宝书、犀牛书学习的，也有说逛论坛、看 MDN 学习的等等。
但是，从个人经验来看，学习一门语言，如果你要精通它，熟练掌握它的核心知识点，思维导图是很不错的学习方式。它能帮助你构建知识体系结构。而体系结构也是很多面试者或者开发者欠缺的。

本篇面试指南开始，希望能帮助你提升前端的知识体系，以不变应万变！

首先，我们来看看我提供给大家的关于 CSS 的面试知识体系图：

CSS 优化和提高性能的方法有哪些

开发者涨薪指南 48位大咖的思考法则、工作方式、逻辑体系

前端面试指南|230页前端初级工程师面试题精编解析大全(代码片段)

目录前言前端初级工程师面试题HTML篇CSS篇JavaScript篇浏览器篇服务端与网络Vue框架算法篇前言初级前端工程师如何有计划的学习前端？前端基础是第一步也是非常重要的一步，从初学前端到成长为一名架构师，会经历... 查看详情

前端面试指南|230页前端初级工程师面试题精编解析大全

目录前言前端初级工程师面试题HTML篇CSS篇JavaScript篇浏览器篇服务端与网络Vue框架算法篇前言初级前端工程师如何有计划的学习前端？前端基础是第一步也是非常重要的一步，从初学前端到成长为一名架构师，会经历... 查看详情

前端面试大汇总——css/css3篇(代码片段)

前端面试大汇总——CSS/CSS3篇①CSS盒子模型②CSS选择器③伪类与伪元素④选择器的优先级⑤可以继承的属性有哪些⑥px/em/rem/vh/vw/%百分比⑦display:none；visibility:hidden；opacity:0⑧两栏布局的实现⑨三栏布局的实现⑩Grid布局—... 查看详情

前端面试题--css篇(代码片段)

浏览器盒模型分为行盒和块盒行盒：display为inline的元素块盒：display为block的元素行盒在页面中不独占一行，块盒在页面中独占一行无论是行盒还是块盒他们都是由以下组成的内容区content--》填充（内边距）padd... 查看详情

2021前端面试总结

HTML篇HTML面试总结CSS篇CSS面试总结JS篇js面试总结ES6面试总结vue篇vue面试总结微信小程序篇小程序面试总结 查看详情

前端面试前端性能优化篇(代码片段)

不论是什么样的前端面试，总会问到的一个问题：前端性能优化。相信如果这个问题没有答好，在面试中会很被动。于是，趁着这个天天宅的时期，好好的整理了一番。Start~一、HTML优化渲染顺序1、CSS样式表置... 查看详情

你离bat之间，只差这一套java面试题。(代码片段)

你离BAT之间，只差这一套Java面试题。点击上方“Hollis”关注我，精彩内容第一时间呈现。全文字数：5500阅读时间：10分钟最近，各大公司开始了春招，很多人已经开始在准备面试了，特地来总结下初中级程序员应该掌握的面试... 查看详情

前端面试题----css篇

1、css盒模型有哪些及区别content-boxborder-boxpadding-boxIE盒子模型box-sizing:border-box;（怪异模式）W3C标准盒子模型box-sizing:content-box;（标准模式）默认模式Q2content-box:这是默认样式指定CSS标准。测量width和height属性只包括的内容，但不是... 查看详情

web前端面试宝典——带你直击面试重难点（40个经典题目，涵盖近90%的考点，码字2w，干货满满！）(代码片段)

系列文章目录JavaScript知识梳理，收录了web前端面试95%以上的高频考点，满满的干货。给你做一个高效的知识梳理，为你的面试保驾护航！内容参考链接HTML&CSS篇HTML&CSS篇JavaScript篇（一）JavaScript篇࿰... 查看详情

帮你梳理清楚，另附有前端面试551道题(代码片段)

前言之前小编写了一篇前端面试套餐：Vue面试题总结+JavaScript前端经典面试题+100道CSS面试题文章，有讲到打算后面单独写一篇详讲前端基础学什么，拖了这么久终于出来了哈哈哈哈。至于前端怎么学，小伙... 查看详情

[轻松拿offer]web前端面试真题css系列---带详解！(代码片段)

临近秋招，不少小伙伴开始了求职之路，面试是十分重要的考验，其次也离不开面试题。网上的面试题零零散散，十分混乱，正好我抽时间帮助大家总结一下。难易程度肯定是从简到难，今天是第一篇的续... 查看详情

牛客前端刷题——打包篇(代码片段)

还在担心面试不通过吗？给大家推荐一个超级好用的刷面试题神器：牛客网，里面涵盖了各个领域的面试题库，还有大厂真题哦！赶快悄悄的努力起来吧，不苒在这里衷心祝愿各位大佬都能顺利通过面试。... 查看详情

前端面试题整理—vue篇(代码片段)

 1、对vue的理解，他有什么特点，vue为什么不能兼容IE8及以下浏览器　　vue是一套用于构建用户界面的渐进式框架，核心是一个响应的数据绑定系统　　vue是一款MVVM框架，基于双向绑定数据，当数据发生变化时候，vue自身会... 查看详情

2019前端面试系列——css面试题(代码片段)

目录盒模型如何实现一个最大的正方形一行水平居中，多行居左水平垂直居中如何实现左右等高布局画三角形link@import导入cssBFC理解 回到顶部盒模型复制/*红色区域的大小是多少？200-20*2-20*2=120*/.boxwidth:200px;height:200px;padding:20p... 查看详情

前端面试题(代码片段)

前端开发面试知识点大纲：HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域... 查看详情

前端中高级基础知识面试汇总(代码片段)

持续更新ing～前端基础github地址。README.md可以下载到typora中打开，会有整个大纲目录显示（github中markdown目录快捷生成方式不现实，之后可能会想办法生成贴过来，暂时不做相关处理）前端基础gitbook地址。... 查看详情

前端面试题汇总-vue篇(代码片段)

1. Vue的基本原理当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty（vue3.0使用proxy）将它们转为getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。每个组件实例都有相... 查看详情

前端面试题汇总-vue篇(代码片段)

1. Vue的基本原理当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty（vue3.0使用proxy）将它们转为getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。每个组件实例都有相... 查看详情