2024年最新van-swipe初始高度异常留白BUG处理(2)，2024年最新前端面试二面聊什么问题

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

<van-swipe-item

v-for=“(item, index) in imgData”

:key=“index”

van-swipe初始高度异常BUG处理 方案二：获取图片高度 动态添加style使高度自适应

因为初始第一下  图片没加载完成 所以给图片添加@load 在@load时获取图片高度

<img @load=“loadingImg” v-lazy=“image” ref=“img” />

动态获取图片高度

data() {

return {

imgSize: Number,

}

},

methods: {

loadingImg() {

this.imgSize = this.$refs[‘img’][0].offsetHeight

},

},

解析：

• 通过this.$refs.name来获取会报错：一个比较常见的场景：在一个弹窗打开的时候立刻通过this.$refs来获取内容就会出现xxx is undefined的错误 因为ref本身是作为渲染结果被创建的，在渲染的时候是不能访问的，因为他们还不存在！ 如果此时代码是需要这样来写代码，那么你可以在DOM渲染完毕后再进行获取

this.$nextTick(() => {

this.$refs.name… //DOM渲染完毕后就能正常获取了

})

HTTP

• HTTP 报文结构是怎样的？

• HTTP有哪些请求方法？

• GET 和 POST 有什么区别？

• 如何理解 URI？

• 如何理解 HTTP 状态码？

• 简要概括一下 HTTP 的特点？HTTP 有哪些缺点？

• 对 Accept 系列字段了解多少？

• 对于定长和不定长的数据，HTTP 是怎么传输的？

• HTTP 如何处理大文件的传输？

• HTTP 中如何处理表单数据的提交？

• HTTP1.1 如何解决 HTTP 的队头阻塞问题？

• 对 Cookie 了解多少？

• 如何理解 HTTP 代理？

• 如何理解 HTTP 缓存及缓存代理？

• 为什么产生代理缓存？

• 源服务器的缓存控制

• 客户端的缓存控制

• 什么是跨域？浏览器如何拦截响应？如何解决？

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】