i520_1314的博客

vue 基础面试题(二)

i520_1314 — Wed, 05 Nov 2025 16:52:05 +0800

Vue 面试题解析摘要 Vue 模板语法 Vue 模板本质是语法糖，会被编译成 JavaScript 的 render 函数不依赖任何外部模板引擎，内置编译时优化（静态提升、Patch Flags）单向数据流 vs 双向数据绑定单向数据流：父组件通过 props 传值，子组件通过 $emit 通知修改双向绑定：v-model 语法糖，用于表单元素与数据的自动同步 created 和 mounted 区别 created：实例创建完成，可访问数据但无法操作 DOM mounted：组件已挂载到 DOM

vue 基础面试题(一)

i520_1314 — Mon, 20 Oct 2025 08:57:39 +0800

Vue知识点摘要：计算属性与data属性不能同名，否则会覆盖data属性并可能导致无限递归错误。 v-if会销毁/创建DOM，v-show仅切换CSS显示，前者适合不频繁切换，后者适合频繁切换。组件name选项用于递归组件、调试命名和keep-alive缓存控制。 Vue2支持IE9+，因依赖Object.defineProperty；Vue3不支持IE。避免v-if和v-for同用，Vue2中v-for优先性能差，Vue3中v-if优先但作用域混乱。 v-cloak配合CSS解决模板闪烁问题，v-p

前端 ES6 面试题

i520_1314 — Fri, 17 Oct 2025 14:45:18 +0800

ES6核心特性摘要：箭头函数：简化语法，固定this指向，不能作为构造函数 let/const：块级作用域变量声明解构赋值：快速提取数组/对象数据模板字符串：支持插值和多行文本扩展运算符：展开/合并数组对象新增数据类型：Symbol（唯一标识符）模块化：import/export语法类语法：class面向对象编程 Promise：异步编程解决方案 Proxy：对象操作拦截器字符串扩展：includes/startsWith/endsWith/repeat等方法函数参数：rest参数和默认参

SEO完全指南：让你的网站在搜索引擎中脱颖而出

i520_1314 — Thu, 16 Oct 2025 16:09:50 +0800

SEO是提升网站在搜索引擎中排名的过程，分为技术SEO、内容SEO和外部SEO三大核心领域。技术SEO关注网站基础架构，确保搜索引擎顺利抓取和索引页面；内容SEO强调高质量原创内容，围绕关键词优化；外部SEO通过反向链接建立权威。成功的SEO需要持续优化技术、内容，并获取高质量外链，最终实现更高排名和更多流量。

前端CSS面试题

i520_1314 — Sun, 28 Sep 2025 16:28:05 +0800

CSS常见问题总结（150字） CSS选择器包括元素、类、ID、属性、后代、伪类等，优先级计算基于权重（内联>ID>类>元素）。盒模型由content、padding、border、margin组成，推荐box-sizing: border-box。布局方式如Flex（弹性）和Grid（网格）简化了居中与响应式设计。隐藏元素可用display: none（不占空间）或visibility: hidden（占空间）。移动端适配通过rem/vw单位和媒体查询实现。伪类（:hover）选择状态，

前端 JavaScript 基础面试题（精简版）

i520_1314 — Sat, 20 Sep 2025 14:18:18 +0800

本文总结了JavaScript基础面试中的58个常见问题，涵盖数据类型、类型转换、数组操作、DOM/BOM、异步编程等核心概念。重点内容包括：基本类型与引用类型的区别、数组类型判断方法、null与undefined的区别、typeof的历史遗留问题、浮点数精度问题、严格模式的作用、闭包原理、事件循环机制等。此外还对比了常用API如==与===、map与forEach、substring与substr的区别，并提供了现代JS开发的最佳实践建议，如优先使用===、Array.isArray()、Number.i

前端 JavaScript 进阶面试题

i520_1314 — Fri, 19 Sep 2025 11:49:45 +0800

这篇文章全面总结了JavaScript前端开发中的核心面试题，涵盖以下关键主题：异步编程：包括Promise、async/await、回调函数的优缺点及解决方案原型与继承：原型链机制、继承实现方式及优化方案作用域与闭包：变量提升、作用域链、闭包原理事件机制：事件流、冒泡与捕获、事件代理对象操作：深浅拷贝、对象创建方式、Proxy与Reflect 类型系统：BigInt与Number区别、WeakMap与Map区别函数特性：this指向、bind/call/apply、尾调用优化 API原理：so

运行时自动触发的特殊属性/方法”清单

i520_1314 — Fri, 19 Sep 2025 11:38:11 +0800

JavaScript对象在参与运算或比较时会自动触发转换方法：1) valueOf()优先在数值运算或==比较时调用；2) toString()在字符串操作或valueOf无效时调用；3) ES6的Symbol.toPrimitive方法优先级最高，可精确控制转换行为。此外，Proxy拦截器、getter/setter属性和各种Symbol方法（如Symbol.iterator）会在特定操作时自动触发。这些机制使得开发者可以自定义对象在运算、迭代等场景下的行为。

Windows用户 nvm的删除及安装

i520_1314 — Mon, 15 Sep 2025 10:11:51 +0800

本文介绍了在Windows系统下彻底卸载nvm（Node Version Manager）的步骤，包括删除相关文件夹和环境变量。同时详细讲解了如何安装nvm-windows，包括下载安装包、设置路径和验证安装。还提供了常用nvm命令，如安装/切换Node.js版本、查看当前版本等操作指南，并列出常见问题解决方法。适用于需要在不同Node.js版本间切换的开发人员。

前端 JavaScript 基础面试题

i520_1314 — Thu, 11 Sep 2025 11:57:13 +0800

本文总结了56道JavaScript高频面试题，内容涵盖数据类型、类型转换、内置对象、异步编程等核心知识点。主要内容包括：数据类型与转换 8种数据类型分类（基本类型和引用类型）类型判断方法（typeof、instanceof等） null/undefined区别强制类型转换规则对象与数组对象合并方法（Object.assign、扩展运算符）数组遍历与操作方法（map、forEach、splice等）类数组对象转换异步编程事件循环机制 Promise与async/await AJAX实现方式

前端HTML面试题

i520_1314 — Wed, 10 Sep 2025 15:11:23 +0800

本文总结了20个前端HTML高频面试题，涵盖核心概念、技术差异和优化策略。主要内容包括： HTML基础：解析src与href属性区别、DOCTYPE作用、script标签的defer/async特性 HTML5新特性：语义化标签、多媒体支持、表单增强、离线存储及API更新技术对比：Canvas与SVG差异、b与strong/i与em标签的语义区别优化策略：SEO优化方案、meta标签使用、data-*属性应用开发实践：iframe优缺点、label标签作用、head标签必备元素每个问题都包含详细原理

uni App navigationStyle ：custom 重叠问题

i520_1314 — Tue, 09 Sep 2025 13:49:28 +0800

导航栏样式配置选项：1）"default"显示原生导航栏，自动处理状态栏间距，推荐标准页面使用；2）"custom"隐藏原生导航栏，可实现完全自定义，但需手动处理状态栏高度避免内容重叠。"custom"模式适用于沉浸式设计、个性化头部等场景，使用时需通过CSS变量--status-bar-height设置状态栏占位。两种模式可通过pages.json的navigationStyle属性配置，其中"default"为默认值可省略。

JavaScript 常见问题及解决方案

i520_1314 — Mon, 08 Sep 2025 11:18:36 +0800

本文总结了JavaScript开发中的10个常见陷阱及解决方案：1.null与undefined区别，建议使用可选链操作符或默认值；2.变量提升问题，推荐使用let/const；3.this指向问题，推荐使用箭头函数；4.数组遍历建议用for...of代替for...in；5.异步问题推荐使用let避免变量污染；6.数组方法注意会修改原数组，建议先复制；7.类型判断要准确，使用专用方法；8.字符串拼接推荐数组join或repeat方法；9.注意事件监听解绑；10.严格使用===比较。文章最后提供了JS防坑口

前端开发中 10 个“冷门但真实”的坑，你踩过几个？

i520_1314 — Mon, 08 Sep 2025 10:11:11 +0800

前端开发中的10个冷门但高频的坑点解析：从iOS输入框自动滚动、Android返回键异常退出，到照片旋转、fixed定位失效、智能标点转换等问题，本文揭示了常见但易被忽视的兼容性问题。针对每个问题提供了具体解决方案，如使用sticky替代fixed定位、处理EXIF信息、覆盖自动填充样式等。特别强调真机测试的重要性，建议建立防坑检查清单，关注不同设备、浏览器和网络环境下的表现，以提升用户体验。这些细节问题往往是区分"能用"和"好用"的关键。

降级设计怎么用？——把它变成你写代码的“好习惯”

i520_1314 — Mon, 08 Sep 2025 09:23:24 +0800

本文系统介绍了前端开发中的降级设计最佳实践。从需求阶段开始，在PRD和原型中定义降级路径，区分核心与增强功能；架构上采用渐进增强分层设计，确保基础功能可用；技术选型优先支持SSR框架，使用响应式图片和字体优化；工程化方面实施代码分割、预加载等优化策略；测试阶段主动模拟弱网环境，上线后监控关键指标并设置告警。文章以电商商品页为例，展示了如何在不同层级实现优雅降级，强调降级设计应贯穿整个开发生命周期，成为前端开发的核心考量。

前端降级：让网站“不娇气”

i520_1314 — Mon, 08 Sep 2025 09:15:51 +0800

前端降级：确保网站稳定可用的设计思维前端降级是指在用户设备或网络环境不佳时，网站自动切换至简化版本以保证基础功能可用的技术策略。其核心思想是：优先保证功能可用性，再追求视觉效果。常见场景包括网络差、浏览器旧、JS报错等情况。通过图片alt属性、骨架屏、多字体备选等简单方法即可实现基础降级。开发者需避免过度依赖JS、忽略服务端渲染等常见误区，确保核心功能始终可用。降级设计不是技术妥协，而是以用户为中心的设计思维，让网站在任何环境下都能提供基本服务。

前端递归组件实践：优雅渲染树形数据结构

i520_1314 — Fri, 05 Sep 2025 11:20:49 +0800

本文详细介绍了如何使用递归组件在前端框架中优雅地渲染树形结构，包括Vue3、React和原生JavaScript三种实现方案。文章首先解释了递归组件的概念及其适合处理无限层级嵌套数据的特点，然后通过组织架构树的示例数据，分别展示了三种技术下的递归组件实现代码，并提供了完整的样式配置。此外，还介绍了高级功能扩展（如复选框、拖拽排序）和性能优化建议。最后总结了递归组件的核心思想和各框架的适用场景，为开发者处理树形数据提供了实用的解决方案。

Node.js 中实现多任务下载的并发控制策略

i520_1314 — Fri, 05 Sep 2025 09:21:41 +0800

本文系统介绍了构建高可用批量下载系统的完整方案。核心技术包括：1）动态并发控制策略，实现任务优先级与负载均衡；2）流式处理避免OOM，支持分片下载与断点续传；3）HTTP/2复用连接提升吞吐；4）智能重试与熔断机制保障稳定性；5）分布式任务队列（Redis/BullMQ）实现水平扩展；6）Prometheus+OpenTelemetry构建可观测体系。系统通过代理池、请求伪装等对抗反爬，采用Kubernetes实现弹性部署，最终达到单机500MB内存支撑1000并发、P95延迟<2s的性能指标。

前端开发中常见的浏览器兼容性问题及全方位解决方案的详细总结

i520_1314 — Fri, 05 Sep 2025 09:09:15 +0800

本文系统梳理了前端开发中的浏览器兼容性问题，从HTML、CSS、JavaScript、布局、API等多个维度提供解决方案。重点包括：HTML5语义标签兼容处理、CSS3前缀自动添加、ES6+语法转译、布局模型适配、移动端响应式优化等。建议采用工程化手段（Babel/PostCSS/Autoprefixer）统一处理，结合特性检测和渐进增强策略，构建现代浏览器优先、老旧浏览器降级的兼容方案。强调兼容性应作为持续过程，通过自动化测试和监控确保应用健壮性。

Nuxt.js 性能优化与最佳实践指南

i520_1314 — Fri, 22 Aug 2025 08:39:15 +0800

本文深入探讨Nuxt.js应用性能优化与工程实践的关键策略。首先强调性能分析的重要性，推荐使用Lighthouse和Nuxt专属分析工具定位瓶颈。在优化策略上，提出代码分割与懒加载、图片优化、智能缓存三大方向，包括组件级懒加载、@nuxt/image模块应用、SWR缓存等具体方案。针对部署方案，建议根据场景选择SSR、SSG或混合渲染模式。最后提出工程化最佳实践，包括项目结构规范、组合式函数使用、TypeScript强制、环境变量管理和完善的测试体系。通过系统性的优化与规范，可显著提升Nuxt.js应用的性