web前端开发人员要求 css设置背景图片自适应

为什么要写这篇文章

从一开始手指冒汗被怼的说不出话，到最后和面试官侃侃而谈游刃有余，我发现：同样的能力水平，在不同的面试表现下，反馈到面试官眼中的结果可以有着天壤之别。

因此，如果你希望把自己的真实水平展示给面试官，那么掌握一些合适的方法是非常有必要的。

面经分享

第一部分是我前端面试的经验总结，第二部分是我认为比较有思考空间的题目

⭐ 经验总结

一份漂亮的简历，需要包括以下部分（排版由上而下）个人亮点（专精领域，个人博客，开源项目）教育经历（毕业院校，在校经历、荣誉）工作经历（实习）项目经历专业技能扎实的前端基础，比如你知道<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>作用是什么？flex:1 的 1 代表什么？闭包, 作用域, 内存？熟悉一门前端框架（Vue 优先）勤刷《前端初级工程师面试题精编》的算法题，熟悉掌握相应的数据结构如常见的链表、栈、队列、哈希表、树熟悉网络基础、Git 命令、Linux 命令、打包工具多去了解前端的新趋势（Flutter，PWA，Serveless，GraphQL，CSS Houdini）要有自信，让面试官感受到你对前端的热爱

此文纯个人观点，希望读者保持自己的判断。
题外话：看完你会忍不住点个赞的，点赞再看，养成习惯🙂

⭐ 推荐阅读：

web前端面试宝典（一）web前端面试宝典（二）前端工程师，实际工作中的开发流程？自己的准备工作分享：前端知识点总结

前端面试题精选

老生常谈的面试题就不放出来了，大厂常规面试流程也不写了（不利于阅读，有兴趣的可以翻翻博主文章）

HTML、CSS相关

网络中使用最多的图片格式有哪些请简述css盒子模型视频/音频标签的使用HTML5新增的内容有哪些HTML5 新增的语义化标签有哪些CSS3新增的特性清除浮动的方式有哪些？请说出各自的优点定位的属性值有何区别子元素如何在父元素中居中Border-box与content-box的区别元素垂直居中如何让chrome浏览器显示小于12px的文字CSS选择器有哪些，那些属性可以继承，优先级如何计算？CSS3新增的伪类有哪些？网页中有大量图片加载很慢你有什么办法进行优化？行内元素/块级元素有哪些？浏览器的标准模式和怪异模式区别？Margin和padding在什么场合下使用弹性盒子布局属性有那些请简述?怎么实现标签的禁用Flex布局原理px，rem，em的区别网页的三层结构有哪些请简述媒体查询三栏布局方式两边固定中间自适应Doctype作用CSS 预处理 sass less 是什么？为什么使用他们怎么转换less为css

JavaScript相关

Js基本数据类型有哪些Ajax如何使用如何判断一个数据是NaN闭包是什么？有什么特性？对页面会有什么影响Js中常见的内存泄漏：事件委托是什么？如何确定事件源（Event.target 谁调用谁就是事件源）什么是事件冒泡？本地存储与cookie的区别ES6新特性Let与var与const的区别数组方法有哪些请简述请掌握2种以上数组去重的方式什么是面向对象请简述普通函数和构造函数的区别请简述原型 / 原型链 /（原型）继承Promise的理解请简述async的用法一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？Js中.call()与.apply()区别为什么会造成跨域/请简述同源策略This指向什么是jsonp工作原理是什么？他为什么不是真正的ajax请写出一个简单的类与继承同步与异步的区别/阻塞与非阻塞区别为什么js是弱类型语言箭头函数与普通函数的区别For循环与map循环有什么区别原型和继承，prototype，call和apply继承的区别深浅拷贝是什么如何实现？什么时候用深拷贝 /浅拷贝什么是js内存泄露？什么是csrf攻击预加载和懒加载的区别，预加载在什么时间加载合适Js的函数节流和函数防抖的区别

jQuery相关

什么是jQuery？为什么要使用jQuery？jquery有哪些好处？Jquery选择器有哪些Jquery插入节点的方法jQuery对象和DOM对象是怎样转换的jQuery中.get()提交和.post()提交的区别怎么使用jQuery中的动画jQuery中如何来获取和设置属性如何来设置和获取HTML和文本的值？jQuery中有哪些方法可以遍历节点？$(this) 和 this 关键字在 jQuery 中有何不同？jQuery 里的 each() 是什么函数？你是如何使用它的？Query中的Delegate()函数有什么作用？

浏览器，HTTP相关

http是什么？有什么特点HTTP协议和HTTPS区别请简述ajax的执行过程以及常见的HTTP状态码Get和post不同请输出三种减少页面加载时间的方式重绘和回流是什么你如何对网站的文件和资源进行优化？

Vue相关

Vue的核心是什么请简述你对vue的理解请简述vue的单向数据流Vue常用的修饰符有哪些v-text与{{}}与v-html区别v-on可以绑定多个方法吗Vue循环的key作用什么是计算属性Vue单页面的优缺点Vuex是什么？怎么使用？在那种场景下使用Vue中路由跳转方式（声明式/编程式）路由中name属性有什么作用？vue跨域的解决方式Vue的生命周期请简述Vue生命周期的作用DOM渲染在那个生命周期阶段内完成Vue路由的实现Vue路由模式hash和history，简单讲一下Vue路由传参的两种方式，params和query方式与区别Vue数据绑定的几种方式Vue注册一个全局组件Vue的路由钩子函数/路由守卫有哪些Vue中如何进行动态路由设置？有哪些方式？怎么获取传递过来的数据？Elementui中的常用组件有哪些？请简述你经常使用的并且他们的属性有哪些？Vue中指令有哪些Vue如何定义一个过滤器对vue 中keep-alive的理解如何让组件中的css在当前组件生效Vue生命周期一共几个阶段Mvvm与mvc的区别Vue组件中的data为什么是函数Vue双向绑定的原理Vue中组件怎么传值Bootstrap的原理Watch请简述Vant Ui请简述下计算属性与watch区别mvvm框架是什么？它和其它框架（jquery）的区别是什么？哪些场景适合？Vue首屏加载慢的原因，怎么解决的，怎么解决白屏问题Vue双数据绑定过程中，这边儿数据改变了怎么通知另一边改变Vuex流程Vuex怎么请求异步数据Vuex中action如何提交给mutation的Route与router区别vuex的State特性是？vuex的Getter特性是？vuex的Mutation特性是？vuex的actions特性是？vuex的优势v-for与v-if优先级

React相关

fetch VS ajax VS axiosReact事件处理—修改this指向请简述你对react的理解react组件之间的数据传递Vue与react区别请简述虚拟dom与diff算法调用 setState 之后发生了什么？react 生命周期函数为什么虚拟 dom 会提高性能?(必考)State与props区别shouldComponentUpdate 是做什么的react diff 原理何为受控组件调用 super(props) 的目的是什么React 中构建组件的方式

小程序相关的

小程序的优势小程序的页面构成小程序的生命周期小程序如何请求数据如何提高小程序的首屏加载时间请简述你经常使用的小程序的组件wxss与css的区别请简述怎么优化小程序小程序如何显示用户头像与用户名请谈谈小程序的双向绑定和vue的异同？

这边给大家送上一份前端工程师学习成长思维导图，对自己的专业技能进行评估点击这里立即领取