面试

29 阅读1分钟

HTML基础

  1. HTML5新增标签
    新增了<canvas>(绘图)、<svg>(矢量图形)、<audio>/<video>(多媒体)等标签,增强了多媒体支持。 ‌12

  2. doctype作用
    声明文档类型(如<!DOCTYPE html>),确保浏览器按HTML5标准解析页面,位于<html>标签之前。 ‌12

  3. img标签的title与alt区别

    • title‌:显示在浏览器工具栏的默认图片名称
    • alt‌:当图片无法显示时替代文字说明 ‌12

CSS布局

  1. CSS优先级规则
    优先级顺序为:`!important > 内联样式 > ID选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器 > 通配选择器 ‌13

  2. 盒子居中方法

    • Flex布局‌:display: flex; align-items: center; justify-content: center;
    • 绝对定位‌:父元素设为绝对定位,子元素通过left:50%; top:50%定位 ‌13
  3. display属性区别

    • block:独占一行(如<div>
    • inline:同行显示(如<span>
    • inline-block:同行且可设置宽高(如<button>) ‌12

JavaScript基础

  1. 变量声明差异

    • var:全局/函数作用域(不推荐)
    • let/const:块作用域(推荐使用) ‌45
  2. null与undefined区别

    • null:主动设置为空值(如null
    • undefined:变量未赋值时的默认值 ‌45
  3. 防抖与节流
    防抖用于限制高频触发事件(如滚动),节流用于控制资源消耗(如图片加载) ‌35

Vue框架

  1. Vue 2与3的区别

    • Vue 3支持Composition API(通过setup()函数),优化响应式系统;Vue 2使用Options API ‌3
  2. v-if与v-show区别

    • v-if完全移除元素,v-show仅切换显示状态 ‌3
  3. 组件通信方式
    包括Props、Events、Slots、State(Vuex),需根据场景选择

ien+��sX