- 博客(20)
- 收藏
- 关注
原创 前端面试八股文
本文介绍了HTML5新增的语义化标签及其应用场景。主要内容包括:结构型语义标签(如header、nav、main、footer等)用于页面布局;内容型语义标签(如figure、time、mark等)用于文本/媒体内容展示。这些标签能提升代码可读性、SEO效果和可访问性,使HTML结构更清晰合理。使用时应根据内容含义而非外观选择标签,避免滥用div等无意义元素,遵循语义化原则。
2025-11-17 23:10:38
443
原创 端面试题大汇总二
摘要 本文汇总了150道前端面试题,涵盖前端工程化、Vue框架、React框架、性能优化、安全及实战场景等核心领域。内容包括:webpack/Vite构建工具配置、Git工作流、TypeScript特性、Vue响应式原理与组件通信、React Hooks与状态管理等关键技术点。题目设计从基础概念到高级应用,旨在帮助开发者系统检验和提升前端技能,适合面试准备和技术能力评估。
2025-08-18 16:00:59
459
原创 前端面试题大汇总一
摘要 本文整理了150道前端面试题,涵盖HTML、CSS、JavaScript等核心技术点。HTML部分包含30题,涉及语义化标签、表单处理、HTML5新特性等;CSS部分30题,包括盒模型、布局方式、响应式设计等;JavaScript部分50题,重点考察数据类型、作用域、原型链、异步编程等核心概念。题目设置由浅入深,既可帮助求职者系统梳理知识体系,又能作为技术复习的检测工具。后续还将提供DOM/BOM、前端工程化和Vue框架的面试题,构建完整的前端技术考察体系。
2025-08-18 16:00:05
460
原创 前端面试题精选300道
本文是一份全面的前端开发面试题库,涵盖8大核心领域:HTML基础知识(20题)、CSS(30题)、JavaScript(60题)、Vue(40题)、React(40题)、工程化(30题)、网络&性能(30题)以及算法&手写代码(50题)。每个领域都聚焦于关键知识点和常见面试问题,如HTML语义化、CSS布局、JavaScript异步编程、Vue/React核心原理、性能优化等。题目设置从基础概念到高级应用层层递进,既考察基础知识掌握程度,也检验实际开发能力,是前端开发者准备技术面试的实用参考
2025-08-18 15:58:55
904
原创 20道前端性能优化面试题精华
前端性能优化面试题精要 核心概念:提升加载速度与交互体验,优化用户体验、SEO及转化率。 关键指标:LCP(<2.5s)、FID(<100ms)、CLS(<0.1)三大核心Web Vitals。 优化策略: 资源:压缩/合并JS/CSS,图片格式选择与懒加载 缓存:强缓存+协商缓存+Service Worker DOM:批量操作,减少查询,虚拟列表 动画:优先transform/opacity,CSS动画替代JS 加载技术: 懒加载(非首屏资源) 预加载(未来关键资源) 代码分割(路由/组
2025-08-14 17:43:18
797
原创 20道浏览器相关前端面试题及答案
本文总结了20道浏览器相关前端面试题及答案,涵盖浏览器核心知识、性能优化、安全机制等关键领域。主要内容包括:浏览器组成结构(渲染引擎、JS引擎等)、页面渲染流程、回流与重绘优化、缓存机制(强缓存/协商缓存)、同源策略与跨域解决方案(CORS/JSONP等)、存储方案对比(Cookie/LocalStorage)、事件循环原理、WebSocket通信、垃圾回收算法、DOM事件流、XSS攻击防范等实用技术点。这些知识点系统梳理了浏览器工作原理和前端开发中的核心问题,适合面试准备和技术复习。
2025-08-14 17:38:26
624
原创 20道Vue框架相关前端面试题及答案
Vue是一个渐进式JavaScript框架,具有响应式数据绑定、组件化开发等核心特性。面试常见问题包括:双向数据绑定原理(Vue2使用Object.defineProperty,Vue3改用Proxy)、生命周期钩子(如created、mounted)、组件通信方式(props/emit、provide/inject等)、计算属性与监听器的区别、v-if与v-show的适用场景等。Vuex用于状态管理,包含state、mutations等核心概念;Vue Router支持hash和history两种路由模式
2025-08-14 17:31:00
1329
原创 20道JavaScript相关前端面试题及答案
本文总结了JavaScript常见面试题及答案,内容涵盖数据类型、变量提升、闭包、原型链、事件机制、继承等核心概念。重点解析了基本与引用数据类型的区别、null与undefined的差异、this指向规则、Promise异步处理、深/浅拷贝实现等难点。同时介绍了防抖节流、数组方法、箭头函数等实用技巧,并提供了代码示例。这些问题全面考察JavaScript基础、作用域、异步编程和面向对象特性,是前端开发者的必备知识体系。
2025-08-14 17:25:46
795
原创 20道JavaScript进阶相关前端面试题及答案
本文总结了JavaScript进阶相关的核心面试题,涵盖ES6+特性及其应用场景。主要内容包括:Proxy的拦截方法和数据响应式应用;Reflect与Proxy的配合使用;Generator函数的异步编程原理;Symbol类型的唯一性和私有属性应用;WeakMap/WeakSet的弱引用特性;ES6模块化的导入导出语法;函数柯里化的实现与应用;高阶函数的定义及典型示例;错误处理机制和迭代器协议;Promise链式调用和错误处理;Object.assign与扩展运算符的浅拷贝局限;以及BigInt对大整数的精
2025-08-14 17:21:10
953
原创 20道DOM相关前端面试题
DOM(文档对象模型)是HTML/XML文档的编程接口,将文档结构化为树形节点集合。常见DOM操作包括节点获取(如getElementById、querySelector)、创建与修改(createElement、appendChild)、事件处理(事件流、事件委托)等。关键概念包括节点类型(元素/文本/属性节点)、样式获取(style与getComputedStyle区别)、重绘与回流优化等。DOM操作的核心是通过节点树实现文档的动态访问与修改。
2025-08-14 17:14:10
874
原创 20道CSS相关前端面试题及答案
盒子模型是 CSS 布局的基础,由内容(content)、内边距(padding)、边框(border)、外边距(margin)组成。重绘:元素样式(如颜色、背景)改变但不影响布局时,浏览器重新绘制的过程(开销较小)。:元素内部的空白区域,用于控制内容与边框的间距,会增加元素的总尺寸(除非设置。:元素外部的空白区域,用于控制元素与其他元素的间距,不影响元素自身大小。回流:元素布局(位置、尺寸)改变时,浏览器重新计算布局的过程(开销大)。),仅定义开始和结束状态,适合简单动画(如 hover 时颜色变化)。
2025-08-14 17:08:03
643
原创 20道HTML相关前端面试题及答案
这篇前端面试题合集整理了20个HTML相关知识点,涵盖了基础概念、HTML5新特性、表单处理、标签使用等多个方面。主要内容包括:HTML的定义和作用、HTML5改进(语义化标签、多媒体支持等)、常用标签(div/span/img/a等)的特性与区别、表单属性(enctype/method)、列表类型、表格结构、离线存储方式等。每道题目不仅提供简明答案,还附有实用场景说明和技术细节解析,适合快速复习HTML核心知识和面试准备。
2025-08-14 17:02:37
982
原创 Koa.js入门详解
Koa.js旨在成为更轻量、更灵活、更优雅的Web框架。与Express相比,Koa没有内置许多功能,如路由和中间件,而是提供了一个小而强大的核心,让开发者可以根据需要添加所需的功能。这使得Koa非常灵活,并且适合构建各种规模的Web应用和API。
2024-10-22 11:40:39
1381
原创 Express入门
Express.js 是由 TJ Holowaychuk 开发的,现在由 Node.js 基金会和众多开源贡献者维护。它是一个保持最低程度规模的灵活 Node.js Web 应用程序框架,为 Web 和移动应用程序提供一组强大的功能。
2024-10-22 10:13:27
822
原创 vue3项目实战之脚手架入门
项目部署是将开发完成的应用发布到服务器,供用户访问的过程。代码构建:使用Vite提供的构建命令将源代码打包成适用于生产环境的文件。静态资源托管:将构建生成的静态资源(JavaScript、CSS、图片等)上传到静态资源服务器或CDN。服务器配置:如果应用包含后端服务,需要配置相应的服务器环境。在本研究中,我们探讨了如何使用Vite创建一个包含Vue 3、TypeScript、Pinia、Vue Router、axios和Element Plus等技术栈的现代前端项目脚手架。
2024-08-08 11:19:55
2011
原创 ES6新特性详解
ECMAScript 6,亦称为ES2015,是JavaScript语言的一次重大更新,由ECMA国际组织于2015年正式发布。这一标准的发布旨在让JavaScript语言更加现代化,提供更多的特性以及改进语法,从而满足开发者在构建复杂应用时的需求。
2024-08-07 11:31:18
2116
原创 Vue 3的概述和入门浅析
Vue3作为Vue.js的下一代版本,在性能、开发体验和功能上带来了显著提升。通过引入Proxy实现的响应式系统、Composition API、Teleport、Fragments、Suspense等新特性,Vue3不仅提高了渲染性能和开发灵活性,还增强了TypeScript的支持和静态优化能力。这些改进使得Vue3成为构建高效、可维护前端应用的强大工具。简而言之,Vue3以其先进的特性和优化的性能,引领着前端开发的新潮流。
2024-08-06 17:07:01
703
原创 TypeScript 装饰器浅析
TypeScript中的装饰器(Decorator)是一种特殊类型的声明,可以附加到类声明、方法、访问器、属性或参数上,以实现对类及其成员的扩展或修改。装饰器在TypeScript中提供了一种元编程的方式,允许开发者在不修改原有类代码的情况下,动态地添加功能或修改行为。
2024-08-06 10:50:31
689
原创 TypeScript数据类型解析
TypeScript通过丰富的数据类型系统,为JavaScript开发提供了更强的类型安全和代码可读性。基本数据类型和复杂数据类型各有其应用场景,开发者可以根据实际需要选择使用。通过上述经典例子的展示,希望能帮助读者更好地理解TypeScript的数据类型系统。
2024-08-05 09:58:31
847
原创 TypeScript概述-TypeScript入门浅析
TypeScript(简称TS)是由微软开发的一款开源的编程语言,它是JavaScript的一个超集,为JavaScript添加了类型系统和一些其他特性。TypeScript扩展了JavaScript的语法,并添加了类型系统。它可以在任何支持JavaScript的平台中执行,但需要先编译为JavaScript。TypeScript通过为JavaScript添加类型系统和其他特性,提高了代码的可读性、可维护性和开发效率。它已成为前端开发中的重要工具之一,特别是在构建大型企业级应用时。
2024-07-31 10:39:26
1297
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅