耀乘健康前端一面(2.23--30min)
- 自我介绍
- 讲下最近印象深刻的项目(说了博客项目,然后详细讲了下功能)
- 面试官现场看项目了,然后问是否做了移动端适配,是否在移动端对导航栏侧边栏做了隐藏与显示(都做了,所以就正常说,但是面试官指出了移动端有一个细节错误)
- 对于PC端,Ipad端、移动端等不同媒体类型 你会怎么做,你有什么方案(说了1.会使用媒体查询和viewpoint适配方法2.说了对于不同端,要对于页面信息的展示要有所调整,提高用户体验(这条纯凭感觉说的))
- 布局样式用了什么(就说了flex,grid没用过,祸从口出!后面面试官开始对flex疯狂提问)
- 一个flex的盒子,一行只能装下3个item,你现在有10个item,而且他们都设置了最小宽度,现在是什么表现 (回答:如果设定最小宽度,超出的部分会看不见,如果没有设置最小宽度,会挤压成一行)
- 接上上面的,如果我设定了换行属性呢(回答:那超出的就会掉到下面一行,现在也就是4行的效果)
- 接上上面的,第一行中,3个item都设置最小宽度,那现在他们会被撑开吗(回答:是的)
- 接上上面的,让前两个item不变,第三个撑开怎么做(回答:给第三个设置为flex:1)
- flex是如何分配空间的,当空间不足或者多出时候
- 说下换行属性(回答:这里没印象了,瞎说了一个flex-row,应该是flex-wrap,面试官可能感觉知道我flex水平,下面就换了)
- 怎么做的请求(说了axios封装)axios做了一些什么处理比如鉴权?(说了携带token发起请求进行鉴权)
- 如果token失效或者过期,但是在某个页面,仍然发起请求,返回前端的response是什么?(实话说啦,没有做token失效发起请求会怎么样!)随后面试官指出这样会造成严重问题,服务器很可能早到攻击,并指出,如果token手动删除,可以直接跳到登录页面,但是如果token失效,就需要后端去校验!!----(感觉说的非常有道理)
- 4xx状态码说说(重点说了404,401,403)紧接着问是否对是否对401和403做处理?(说了在axios中二次封装,会用了请求拦截器和返回拦截器)面试官紧接着问拦截器都做了什么?(就说了请求拦截器加了token的携带,返回拦截器做了状态码的判断)面试官又问是否知道拦截器的执行顺序?也就是多个拦截器的情况(不知道这个,也没听清楚面试官说的例子)
- ES6的import同步还是异步(回答的同步----猜的)
- export {a }和export default a的区别(就说了一个分别导出一个默认导出,切默认只能用一次,引用时候一个加{}一个不加)
- import后,在另外文件中修改引用的变量,是地址引用还是值引用,也就是导出的页面变量值也会变吗?(说的不变,值引用------不懂啊,瞎说的)
- 根据上面,出了一个题,让求出打印顺序(整懵了,不会,最后随着感觉写了些--凉凉)
- 反问让面试官评价:基础应该加强一些,JS,可以多刷刷面试题,对于大部分应届生项目都差不多,最大的亮点还是基础的掌握
总结:差!差!面试官比较注重细节的知识点吧感觉,没有全方面的八股文考察,整场抓住这个flex,axios二次封装,es6导出导入一直问,循环渐进的增加深度,整的我不会啦!平常这些可能也只会简单用下,或者用的过程没有在意的细节点,这些确实没有深入研究下,所以今天的面试一下子体现这些方面需要更扎实的基础掌握!诶也是个教训,你说出的某个技术,可能就会把你带进去!周末两天好好总结一下吧!
#工作##实习##面经##简历##春招#