HTML基础
-
HTML5新增标签
新增了<canvas>(绘图)、<svg>(矢量图形)、<audio>/<video>(多媒体)等标签,增强了多媒体支持。 12 -
doctype作用
声明文档类型(如<!DOCTYPE html>),确保浏览器按HTML5标准解析页面,位于<html>标签之前。 12 -
img标签的title与alt区别
- title:显示在浏览器工具栏的默认图片名称
- alt:当图片无法显示时替代文字说明 12
CSS布局
-
CSS优先级规则
优先级顺序为:`!important > 内联样式 > ID选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器 > 通配选择器 13 -
盒子居中方法
- Flex布局:
display: flex; align-items: center; justify-content: center; - 绝对定位:父元素设为绝对定位,子元素通过
left:50%; top:50%定位 13
- Flex布局:
-
display属性区别
block:独占一行(如<div>)inline:同行显示(如<span>)inline-block:同行且可设置宽高(如<button>) 12
JavaScript基础
-
变量声明差异
var:全局/函数作用域(不推荐)let/const:块作用域(推荐使用) 45
-
null与undefined区别
null:主动设置为空值(如null)undefined:变量未赋值时的默认值 45
-
防抖与节流
防抖用于限制高频触发事件(如滚动),节流用于控制资源消耗(如图片加载) 35
Vue框架
-
Vue 2与3的区别
- Vue 3支持Composition API(通过
setup()函数),优化响应式系统;Vue 2使用Options API 3
- Vue 3支持Composition API(通过
-
v-if与v-show区别
v-if完全移除元素,v-show仅切换显示状态 3
-
组件通信方式
包括Props、Events、Slots、State(Vuex),需根据场景选择
ien+��sX