本文探讨了前端面试中常见的五个问题，包括：1) slot插槽的概念，区分了匿名插槽、具名插槽和作用域插槽；2) 语义化标签的重要性，强调其对代码结构、阅读、SEO的益处；3) setData方法的功能和在微信小程序中更新数据的机制；4) 元素垂直居中的多种实现方式，如line-height、absolute定位和flex布局；5) Vue生命周期的作用及其在不同场景的应用。
51.slot插槽
插槽，其实就相当于占位符。它在组件中给你的HTML模板占了一个位置，让你来传入一些东西。插槽又分为 匿名插槽、具名插槽、作用域插槽。
匿名插槽:
我们也可以叫它单个插槽或者默认插槽。和具名插槽相对，它是不需要设置 name 属性的，它隐藏的name属性为default。
具名插槽：
就是slot 是带有name的，要用一个 template标签包裹
作用域插槽 ：
就是用来传递数据的插槽
52.语义化标签: header nav main article section aside footer
语义化的优点有: 代码结构清晰，易于阅读，利于开发和维护 方便其他设备解析（如屏幕阅读器）根据语义渲染网页。 有利于搜索引擎优化（SEO），搜索引擎爬虫会根据不同的标签来赋予不同的权重
53.setData是什么?
定义: 设置数据,更改数据
作用: setData函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data的值（同步）
setData它是微信小程序提供的一个内置的接口,是用于改变逻辑层中 data下的数据的
视图层 view的数据挂载在逻辑层的 data下,发送到视图层中是异步的
改变 this.data是同步,换句话说,若直接修改 this.data 而不调用 this.setData方法,是无法改变页面的状态的，还会
最低0.47元/天 解锁文章
扫一扫
383
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
