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. r e f s . n a m e 来获取会报错:一个比较常见的场景:在一个弹窗打开的时候立刻通过 t h i s . refs.name来获取会报错:一个比较常见的场景:在一个弹窗打开的时候立刻通过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 缓存及缓存代理?
-
为什么产生代理缓存?
-
源服务器的缓存控制
-
客户端的缓存控制
-
什么是跨域?浏览器如何拦截响应?如何解决?