Web面试核心口诀记忆.pptxVIP

汇报时间：2025年汇报人员：PPTLOGO2025Web面试核心口诀记忆

LOGO-HTML核心要点CSS核心要点Vue核心要点HTTP核心要点算法核心要点网络协议核心要点安全性核心要点数据库核心要点前后端分离与通信目录算法设计与优化云计算与云服务网络安全与防护

PART1LOGOHTML核心要点

LOGOHTML核心要点HTML三层结构：结构层(HTML)、表现层(CSS)、行为层(JavaScript)HTML5优点：语义化标签、多媒体支持、本地存储、Canvas/WebGL、跨平台HTML5缺点：浏览器兼容性问题、移动端适配需要额外处理Doctype作用：声明文档类型，避免浏览器进入怪异模式

LOGOHTML核心要点1严格模式按最新标准渲染，混杂模式向后兼容严格模式与混杂模式video/audio标签、地理定位、本地存储、-s、WebWorkersHTML5新特性2frame/frameset/noframes、font/center等表现性标签移除元素3Chrome(Blink)、Firefo(Gecko)、Safari(WebKit)、Edge(Chromium)常见浏览器内核4span/a/img/input/button等行内元素5div/p/h1-h6/ul/ol/li等块级元素6br/hr/img/input/link/meta等空元素7

PART2LOGOJavaScript核心要点

LOGOJavaScript核心要点Cookie优缺点：存储量小(4KB)、随请求发送影响性能、安全性问题本地存储方案：localStorage(持久化)、sessionStorage(会话级)、IndeedDB(结构化)原型链机制：实例通过__proto__访问原型，原型通过prototype指向构造函数数据类型：基本类型(Undefined/Null/Boolean/Number/String/Symbol/BigInt)、引用类型(Object)事件循环：调用栈、任务队列、微任务队列的协同工作机制ES6特性：let/const、箭头函数、解构赋值、Promise、模块化、class语法异步编程：回调函数、Promise、async/await、Generator类型转换：显式转换(parseInt/Number/String)和隐式转换(==运算)执行上下文：包含变量对象、作用域链、this绑定闭包原理：函数可以访问定义时的词法作用域，即使函数在词法作用域外执行

PART3LOGOCSS核心要点

LOGOCSS核心要点盒子模型：content+padding+border+margin选择器类型：元素选择器、类选择器、ID选择器、属性选择器、伪类选择器优先级计算：!important行内样式ID类/伪类/属性元素/伪元素display属性：block/inline/inline-block/fle/grid/table/none布局方式：浮动布局、定位布局、fle布局、grid布局响应式设计：媒体查询、rem/vw单位、弹性图片、移动优先动画实现：transition过渡、@keyframes关键帧动画BFC特性：独立渲染区域，解决margin重叠、浮动包含等问题居中方案：margin:auto、fle布局、grid布局、transform定位清除浮动：clearfi、overflow:hidden、after伪元素

PART4LOGOVue核心要点

LOGOVue核心要点两大核心：数据驱动(响应式系统)、组件系统双向绑定原理：数据劫持(defineProperty/Proy)+发布订阅模式生命周期钩子：beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestroy/destroyednetTick原理：异步更新队列，DOM更新后执行回调VirtualDOM：用JS对象模拟DOM树，通过diff算法最小化DOM操作组件通信：props/$emit、provide/inject、$parent/$children、vue/pinia路由机制：hash模式和history模式、导航守卫、动态路由、懒加载状态管理：Vue核心概念(state/getters/mutations/actions/modules)v-if与v-show区别：v-if条件渲染(销毁重建)、v-show显示隐藏(display切换)常用修饰符：stop/.prevent/.capture/.self/.once/.passive

PART5LOGOReact核心要点

LOGORe