冰心博客

专注前端开发、动效实现、网站优化与 SEO 实战,分享高质量技术文章。

Build a fast personal blog

A practical note on making a personal blog fast, readable, and friendly to search engines.

VueSEO面试

前端面试:Vue Router / Pinia

1. Vue Router 有哪几种模式? 主要是 hash 和 history。hash 兼容性好,不需要服务端额外配置;history URL 更干净,但刷新页面需要服务端配置 fallback。 2. 路由守卫有哪些? 全局守卫 beforeEach/afterEach ,路由独享守卫 beforeEnter ,组件内守卫。常用于登录鉴权、权限控制、页面标题、埋点。 3. SPA 首屏慢怎么优化? 路由懒加载、组件懒加载、减少首屏

Vue面试

前端面试:TypeScript

1. TS 相比 JS 的优势? TS 提供静态类型检查,可以提前发现错误,增强 IDE 提示,提升大型项目可维护性。接口数据、组件 props、业务模型都会更清晰。 2. interface 和 type 区别? interface 更适合描述对象结构,可以声明合并; type 更灵活,能写联合类型、交叉类型、工具类型。对象模型常用 interface ,复杂组合类型常用 type 。 3. 泛型是什么?怎么用? 泛型是把类型作为参数

TypeScript面试

前端面试:Vue2/Vue3 区别与生命周期

1. Vue2 和 Vue3 响应式区别? Vue2 使用 Object.defineProperty 劫持对象属性,对新增/删除属性、数组部分操作需要额外处理;Vue3 使用 Proxy 代理整个对象,对对象、数组、Map、Set 等支持更完整。 2. Vue2 和 Vue3 API 风格区别? Vue2 主要使用 Options API,把逻辑分散在 data 、 methods 、 computed ;Vue3 支持 Compos

Vue面试

前端面试:浏览器解析与渲染

1. 浏览器从输入 URL 到页面展示的完整过程? DNS 解析域名,建立 TCP 连接,HTTPS 还会进行 TLS 握手;浏览器发送 HTTP 请求,服务器返回 HTML;浏览器解析 HTML 构建 DOM,解析 CSS 构建 CSSOM,合成渲染树,布局、绘制、合成,最后展示页面。 2. HTML、CSS、JS 在解析时有什么关系? HTML 解析生成 DOM;CSS 解析生成 CSSOM,CSS 会影响渲染树构建;普通 JS 会

面试

前端面试:JavaScript 基础

1. JS 的数据类型有哪些? 基本类型有 string 、 number 、 boolean 、 null 、 undefined 、 symbol 、 bigint ;引用类型主要是 object ,数组、函数、日期等都属于对象。 2. null 和 undefined 的区别? undefined 表示变量声明了但没有赋值,或对象属性不存在; null 表示人为设置为空值。简单说, undefined 更偏“未定义”, null

面试

分类

标签

一片冰心黔ICP备2026012107号