面试总结第二弹
面试结束，真的是手心冒汗了，后来反思了一下，其实这次的面试没有问多么深入的问题，基础的东西偏多，但我还是好多都不知道，主要原因是一方面css偏多，之前的不管是后台管理系统还是做的公众号相关的，都对样式的要求没有那么高，所以忽略了这一方面的知识，但是做前端的css是基本功，还是需要重视起来的。
整个面试的简单过程是，开始问的css基础一些的东西，然而我好多都没有答上，到后面又是css3，我也回答的不好，接着是数组的操作方法，我由于前面的问题不知道影响到了，紧张了也回答了只是一部分，然后面试官看了看我的简历又问了一下less跟sass的区别，我还是不知道，最后又看了一下我的简历，有写过ts,问了一下枚举类型，又问了一下vue3跟vue2的区别。
说到底，还是平时学习习惯的问题，只注重业务，没有花时间提高自己的能力，但目前的大环境下，不想被这一行淘汰就需要认真做出改变，认真提升自己的实力，目前整理的比较仓促，后续会花时间再认真整理一下。
1、做的项目有没有涉及到3d还有2d
3d的插件有Three.js、Babylon.js、Echarts、WebGL
2d的主要用过的就是Echarts，面试的时候有问到一个p打头的什么插件，但是自己也没有查出来，好像之前有见过这个，但记得不是很清晰了
2、有没有手写过canvas
面前涉及到绘图方面的基本好像都会问到这块，还是要自己练习一下的，毕竟想要涨工资，就得先涨能力
3、css的继承
这篇博文讲的挺清晰的：https://blog.csdn.net/weixin_43946236/article/details/118675600?spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-118675600-blog-125273496.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-118675600-blog-125273496.pc_relevant_default&utm_relevant_index=8
4、css的单位有哪些，em跟rem什么区别
px像素
em当前元素的字体大小
rem根元素字体大小
Vw 100vw是总宽度
Vh 100vh是总高度
em是相对父元素 而rem是相对根元素
5、css3的新属性
博文：https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649106958&idx=3&sn=c3bd324553ff4de43011dba0e716c94e&chksm=be580da3892f84b5a2fcbc77e05cfb66f87a60901207869739369fbfa0ceba96a7d37352a537&scene=27
6、页面整体置灰
filter:grayscale(100%) 即可实现，0为正常
7、图片怎么设置自适应大小
图片包含在容易中，设置宽高百分之百，然后图片会随着容器大小自适应
可以将图片设置为背景图，设置background-size: cover
8、盒模型，如何改变盒模型
标准盒模型中width指的是内容区域content的宽度；height指的是内容区域content的高度。 标准盒模型下盒子（元素）的大小 = content + border + padding + margin
怪异盒模型中的width指的是内容、边框、内边距总的宽度（content + border + padding）；height指的是内容、边框、内边距总的高度。怪异盒模型下盒子（元素）的大小=width（content + border + padding） + margin
改变盒模型用box-sizing: content-box|border-box|inherit:
content-box：标准盒模型，默认值
boeder-box: 怪异盒模型
9、目前主流的css布局方式
http://events.jianshu.io/p/5d5357686541
10、css可以继承的属性有哪些
不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。
所有元素可继承：visibility和cursor。
内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。
终端块状元素可继承：text-indent和text-align。
列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。
11、less和sass的区别以及sass除了一些选择器的功能还有什么好用的功能
目前找到的相对全的文档：https://juejin.cn/post/6934883502580039716
12、es6的新属性，promise的API
相当全的文档：https://blog.csdn.net/qq_60976312/article/details/127444841
13、vue3的新功能以及ref、reactive、shadowRef、triggerRef 与 shallowReactive的区别
面试题整理：https://blog.csdn.net/qq_22182989/article/details/125781704
14、ts的枚举以及type和interface的区别
ts的官方文档：https://www.tslang.cn/docs/handbook/enums.html
别人整理的面试题：https://www.cnblogs.com/web-learn/p/16868760.html
15、vue2的插槽和vue3的插槽有什么区别
首先两者的基本用法是一样的，没有什么区别
在具名插槽中：
vue3在父组件中使用具名插槽使用v-slot，而vue2使用slot
vue3必须把v-slot写在template标签中，而vue2中的slot可以写在任意标签中
在作用域插槽中
vue3在父组件获取值直接用v-slot，vue2中则使用slot-scope
参考文档：https://www.cnblogs.com/shymi/p/16434843.html
16、路由的钩子函数
全局导航钩子：router.beforeEach(to,from,next)作用：跳转前进行判断拦截、组件内的钩子、单独路由独享组件
路由独享钩子可以在路由配置上直接定义 beforeEnter
组件内的导航钩子有三种：
beforeRouteEnter 在进入当前组件对应的路由前调用
beforeRouteUpdate 在当前路由改变，但是该组件被复用时调用
beforeRouteLeave 在离开当前组件对应的路由前调用
路由相关的面试题：https://blog.csdn.net/m0_63775072/article/details/127520627
17、路由的跳转方式以及传参方式
路由相关的面试题：https://blog.csdn.net/m0_63775072/article/details/127520627
18、创建对象常用的方式
博文：https://blog.csdn.net/qq_41648408/article/details/114075716?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EOPENSEARCH%7ERate-3-114075716-blog-129001008.pc_relevant_3mothn_strategy_and_data_recovery&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EOPENSEARCH%7ERate-3-114075716-blog-129001008.pc_relevant_3mothn_strategy_and_data_recovery&utm_relevant_index=4
19、项目中数据管理是不是用的vuex，还有没有其他的方式
20、for of 和for in 有什么区别
博文：https://blog.csdn.net/qq_43796489/article/details/119566594
21、promise里的catch跟普通的try catch有什么区别
相关链接：https://blog.csdn.net/weixin_45242865/article/details/121288730?ops_request_misc=&request_id=&biz_id=102&utm_term=promise%E7%9A%84catch%E8%B7%9F%E6%99%AE%E9%80%9A%E7%9A%84catch%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-2-121288730.142^v74^pc_new_rank,201^v4^add_ask,239^v2^insert_chatgpt&spm=1018.2226.3001.4187
22、数组的常用方法
整理的详细博客：https://blog.csdn.net/liyane1993/article/details/129350272?spm=1001.2014.3001.5502
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！