本文分享了一次前端面试经历，重点讨论了在线租车项目的开发经验，包括地图渲染、数据请求、页面缓存等问题的解决。同时，涵盖了HTML基础、CSS居中技巧、CSS实现三角形、轮播图实现、V8引擎编译JS、事件循环机制等前端核心知识点。此外，还探讨了闭包的使用场景、垃圾回收机制以及HTTP与HTTPS的区别。
1）你说一下你做过的项目？
我做的第一个项目是结合高德地图开发的在线租车项目，这个项目由3个人负责，我主要负责前端页面的编写，还有一个人使用axure绘制产品图，负责UI；另外一个人负责后端数据的开发。我开发的模块有页面地图的渲染以及定位，停车场以及待出租车辆的开发和详细信息的封装，以及租户个人账户的开发。
项目遇到的难点：
（1）axios请求中post遇到的问题。
我在使用axios的post方法请求数据，数据被拦截，数据一直传不过去后端那，就是报错“参数不足”。后来查资料才知道axios对于post请求是有拦截功能的，所以我用了qs第三方工具库，将传给后端的数据进行了处理。我是用qs.stringify()这个方法将对象序列化为URL形式，以&进行拼接。
（2）页面缓存遇到的问题。
有个是填写信息页面，需要填写一部分信息，进入查看协议页面，返回的时候，页面上填写的信息还需要留存。当时没有办法做到留存，我用vue提供的keep-alive来完成页面的缓存。
2）你对html的了解？
html是一种超文本标记语言，是一种标记语言。它包括一系列标签，html就是用这些标记标签来描述网页的。
3）说一下有哪些行内标签和哪些块级标签？
行内标签：span、a、strong、em、i
块级元素：div、p、ul、li、h
行内块元素：img、input、select、button
4）怎么实现水平垂直居中？
（1）利用定位+margin：auto 相对定位下，使用绝对定位将上下左右都设置为0，再设置margin:auto
（2）利用定位+transform 相对定位下，使用绝对定位，将top和left都设置为50%，再利用translate平移回自身宽高的50%即可
（3）table布局：vertical-align:middle text-align:middle
（4）flex布局：justify-content：center a
最低0.47元/天 解锁文章
扫一扫
304
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
