- 博客(123)
- 收藏
- 关注
RSS订阅原创 VUE面试题
在按钮级的权限管理时会用到，需要搭配字典使用。详细再学习在后台系统开发中，前端处理权限控制完全是气氛组，最终的权限校验还是要依赖后端的处理。前端的权限控制分为三个主要级别：权限控制一般有三个级别页面级：通过路由守卫和动态路由来限制访问，用户没有权限无法看到这个菜单或页面，细粒度较低。组件级：根据用户角色和权限显示不同的组件或内容。例如，管理员可以看到更多的数据，而普通用户只能看到基本信息。这种方法具有一定的侵入性。代码级：精确到函数调用权限控制，虽然不常见，但某些场景下可能会用到。
2025-03-13 00:15:00
1176
原创 前端高阶面试题·每日一题
每一个继承 Object 的对象都有 toString 方法（如果 tostring 方法没被重写的话，回返回 [Object type]格式的字符串（Type 为对象类型）；对于Object 以外的对象时，需要结合 call 来改变 this 指向，确保正确输出instanceof内部机制：检查对象原型链中是否存在构造函数的 prototype 属性来判断类型// true注意，instanceof只能判断对象类型，且均为 true。
2025-03-13 00:15:00
993
原创 JavaScript面试题
概念：this是一个指针型变量，它动态指向当前函数的运行环境特点：this 的值取决于函数的调用方式，而不是定义方式。绑定方式：显示绑定、隐式绑定；尽可能进行显示绑定简单来讲： 的指向取决于“谁调用”this指向的几种情况柯里化，纯函数单例–弹窗组件唯一，工厂–通过参数传入不同，一个来决定加工输出对象由于现在已经出现了 ES6 类的继承，没怎么了解。优点：方法可复用，父类原型上的方法能被所有子类实例共享。缺点：父类实例的属性会被所有子类实例共享，一个子类实例修改属性可能影响其他实例；创建子类实例时不能
2025-03-12 17:22:49
962
原创 浏览器基础【渲染原理+js编译原理】
transform 既不影响布局，也不影响绘制指令，仅影响渲染流程的最后 “draw 画” 阶段。该阶段在合成线程中，所以 transform 的变化几乎不影响渲染主线程；改动可见样式 style 后，需重新计算，进而引发重绘。由于元素布局信息也属可见样式，所以重排一定会引起重绘。)，窗口大小变化等影响布局树的操作时，需重新计算布局树，从而引发重排。产生原因：当进行增、删、改DOM元素，修改CSS样式(width、避免使用会触发重排的属性：width、margin。计算布局（layout）树（第 3 步）
2025-03-12 17:20:21
526
原创 深入探讨防抖函数中的 this 上下文
文章围绕防抖函数中 this 上下文展开探究。通过展示 debounce 和 debounce2 两个防抖函数示例代码，分析其在不同位置打印 this 的输出结果。关键知识点包括函数定义、内部返回函数及定时器中 this 的指向。还对输出顺序问题进行解析，阐述了箭头函数与普通函数的区别、异步任务执行顺序及 this 指向受调用方式影响等。旨在帮助读者清晰理解防抖函数的 this 机制，避免开发中因 this 指向错误导致问题。
2025-01-27 21:26:18
924
原创 汇编语言：基于x86处理器考前笔记 | 第九章 字符串和数组
ESI</u>寻址的内存地址处的数据复制到<u>EDI</u>寻址的内存其中<u>rep</u>会按照<u>ECX</u>的值重复执行指令MOVSDESIEDI自动进行相应偏移CMPSBCMPSWCMPSDESIEDI可结合无符号数跳转指令SCASBSCASWSCASDALAX<u>EAX</u>中的值同<u>EDI</u>寻址的目标内存比较REP使用，其循环终止条件为找到了匹配的内容STOSBSTOSWSTOSDALAX<u>EAX
2025-01-18 00:13:12
364
原创 汇编语言：基于x86处理器考前笔记 | 第六章 条件处理
布尔指令与比较指令的使用方法及功能学习如何使用常见的布尔指令（andornotxortest）以及比较指令（cmp），并理解它们的作用和应用。标志寄存器与各标志位的关联掌握各指令与标志寄存器中的标志位（如溢出标志OF、方向标志DF、中断标志IF、符号标志SF、零标志ZF、辅助进位标志AC、奇偶标志PE、进位标志CY）之间的关系，学会如何通过标志位的状态判断程序执行情况。条件结构的作用条件结构用于在不同的逻辑分支中依据条件表达式做出选择。在高级语言中，通常使用if...else。
2025-01-18 00:04:56
721
原创 汇编语言：基于x86处理器考前笔记 | 第五章 过程
堆栈操作：通过push和pop指令实现数据入栈和出栈，堆栈用于存储返回地址、局部变量和保存寄存器状态等。过程定义与调用：使用PROC和ENDP定义过程，使用CALL指令调用，RET指令返回。参数传递：可以通过寄存器、指针和计数器传递参数，子程序可以保存和恢复寄存器的状态，避免修改主程序的寄存器值。外部库链接：通过使用Irvine32链接库，可以调用常见的输入输出和控制过程，简化程序开发。
2025-01-18 00:01:00
1516
原创 汇编语言：基于x86处理器考前笔记 | 第四章 数据传送、寻址和算术运算
时，这里必须要使用PTR进行强制转换。用同一个esi结合变址寻址很方便。强制类型转换，指明数据的类型。用于获取数据标号的偏移量。对操作数按位取反后加1。计算数组中元素的个数。
2025-01-17 23:57:26
847
原创 汇编语言：基于x86处理器考前笔记 | 第三章 汇编语言基础
内部数据类型汇编器可识别多种内部数据类型，按照大小、是否有符号、整数或实数来分类，如BYTE（8位无符号整数）、SBYTE（8位有符号整数）、WORD（16位无符号整数）、DWORD（32位无符号整数）等。数据定义规则定义数据至少要有1个初始值，可为0或?，多个初始值用,隔开，且必须是整数常量或变量，如countDWORD1,2,3,4,5。特殊情况处理多初始值定义。
2025-01-17 23:56:37
990
原创 汇编语言：基于x86处理器考前笔记 | 第一章 基本概念、第二章
本系列文章是本人关于汇编语言：基于x86处理器期末复习笔记；仅供学习参考；（本人cqupt软工生，欢迎学弟学妹阅读学习）
2025-01-17 23:48:32
981
原创 Vite系列课程 | 11. Vite 配置文件中 CSS 配置（Modules 模块化篇）
Vite 提供了灵活的 CSS 模块化配置选项，可以帮助开发者在处理 CSS 时避免样式冲突，并根据项目的需求定制类名生成规则。同时，Vite 还支持对外部库（如）的样式进行处理，确保项目中的样式兼容性和可维护性。
2024-12-24 14:24:38
801
原创 Vite系列课程 | 10. 在 Vite 中处理 CSS
Vite 的 CSS 处理方式通过内置的模块化和动态脚本替换机制，提高了开发体验，尤其是在多人协作时避免了样式冲突。同时，借助预处理器（如 Less）的支持，开发者可以更灵活地管理和使用样式。
2024-12-24 14:22:41
1261
原创 Vite系列课程 | 9. 【原理篇】Vite 是怎么让浏览器识别 .vue 文件的
Vite 的开发服务器实际上充当了一个中间层，它拦截浏览器对模块的请求，并根据请求的路径找到对应的文件，进行编译转换后以 ES 模块的格式返回给浏览器。Vite 使用 esbuild 或其他构建工具（如 Rollup，在生产环境下）将转换后的模板、脚本和样式组合成浏览器可以解析的 HTML、CSS 和 JavaScript 代码。文件是 Vue.js 的单文件组件 (SFC)，它是一种特殊的文件格式，浏览器无法直接识别。文件时，Vite 只会更新修改的部分，而无需刷新整个页面，提供极佳的开发体验。
2024-12-19 12:52:18
619
原创 Vite 系列课程 | 8. Vite 环境变量配置
可以使用 ES Module 语法，是因为 Vite 在内部会使用 Node.js 的 ES Module 支持或将其转换为 CommonJS 格式。访问系统环境变量，但这通常不推荐用于配置应用程序特定的环境变量，因为它可能会与其他工具或环境产生冲突。使用环境变量可以灵活配置这些值，避免在代码中硬编码，提高代码的可维护性和可移植性。环境变量是指在不同代码环境下，变量值可能会有所不同的情况。加载环境变量，并将其定义为常量，以便在客户端代码中使用。文件，并使用指定的前缀，避免命名冲突。，那么在构建后的代码中，
2024-12-19 12:48:41
1280
原创 Vite系列课程 | 4Vite 脚手架和 Vite，5Vite 启动项目初体验
是一个脚手架工具，用于快速创建预配置的 Vite 项目。Vite 是一个构建工具，负责项目的编译、热更新和打包等核心任务。内置了 Vite 和相关的最佳实践配置，方便开发者快速启动项目。Vite 更关注现代开发体验和构建效率，则提供了快速搭建的便利。理解和 Vite 之间的关系，有助于我们更清晰地了解项目搭建过程中使用的工具及其职责。Vite 的“开箱即用”特性和对模块导入路径的优化，让开发者能够更专注于编写代码，而不是花费大量时间在配置和构建工具上。
2024-12-19 00:15:00
1482
原创 Vite系列课程 | 6. Vite 的依赖预加载和预构建，7. Vite 配置文件处理细节
Vite 的预加载和依赖预构建机制有效地提升了开发效率和构建性能。通过转换模块格式、合并文件、动态路径补全和缓存机制，Vite 大大减少了构建时间和网络传输开销，使开发者能够更专注于代码编写。
2024-12-19 00:15:00
689
原创 Vite 系列课程|3.Vite 相较于 Webpack 的优势
特性WebpackVite构建方式预先构建 (pre-bundle)按需编译 (on-demand compilation)模块化支持多种模块化格式 (CommonJS, ESM, AMD 等)只支持 ESM启动速度较慢，项目越大越慢极快热更新较慢极快，近乎实时配置复杂，需要大量配置简洁，开箱即用兼容性追求最大兼容性专注于现代浏览器适用场景大型、复杂项目，需要高度定制的项目现代前端项目，追求快速开发体验的项目。
2024-12-18 17:46:14
1489
原创 Vite 系列课程|1课程道路，2什么是构建工具
Webpack 长期以来一直是前端构建工具的事实标准，拥有庞大的用户群体、成熟的生态系统和丰富的学习资源。虽然 Webpack 仍然占据着很大的市场份额，但 Vite 凭借其卓越的性能和简洁的配置，正迅速获得开发者的青睐，并被越来越多的知名公司采用。选择合适的构建工具对于项目的成功至关重要。掌握 Vite 能够显著增强你的求职竞争力，尤其是在面对大型互联网公司的面试时，Vite 相关的经验会是一个加分项。当项目代码发生变化时，构建工具会根据配置文件执行相应的任务，并将构建结果输出到指定的目录。
2024-12-18 17:43:43
1292
原创 第四章 数据传送、寻址和算术运算 | 汇编语言 基于x86处理器
加法减法指令inc（自增）dec（自减）add（加法）sub（减法）、**neg（非指令）**等指令的使用及特点。数据相关运算符与伪指令运算符：如OFFSETTYPELENGTHOFSIZEOF等的功能和应用。伪指令：如ALIGNPTR的使用。加法减法与标志位加法减法运算对标志位（如溢出标志OV、方向标志DF、中断标志IF、符号标志SF、零标志ZF、辅助进位标志AF、奇偶标志PF、进位标志CF等）的影响。如何通过标志位判断运算结果的特征以及如何发现计算错误。
2024-12-16 00:15:00
1083
原创 第五章 过程 | 汇编语言 基于x86处理器
堆栈操作：通过push和pop指令实现数据入栈和出栈，堆栈用于存储返回地址、局部变量和保存寄存器状态等。过程定义与调用：使用PROC和ENDP定义过程，使用CALL指令调用，RET指令返回。参数传递：可以通过寄存器、指针和计数器传递参数，子程序可以保存和恢复寄存器的状态，避免修改主程序的寄存器值。外部库链接：通过使用Irvine32链接库，可以调用常见的输入输出和控制过程，简化程序开发。
2024-12-16 00:15:00
431
原创 vue3实现ai聊天对话框
input输入message对话框settings设置面板w-full答：虽然设置存储在了 localStorage 中，但是在页面刷新后没有正确地初始化深色模式的样式。我们需要在应用启动时立即应用存储的主题设置。解决办法：给 App.vue 加上挂载时就进行一次设置。传输数据以下是和。
2024-12-15 12:57:12
6468
12
原创 超详情的Windows11 搭建FTP服务器教程
一、搭建步骤：1、开启 FTP 服务功能控制面板 >> 程序 >> 启用或关闭windows功能，会弹出 windows 功能窗口，找到 Internet Information Services 这个选项功能，勾选开启 FTP 服务。点击确定之后等待系统配置服务，这里可能需要等待一点时间，然后就会提示更改成功2、添加 FTP 站点。
2024-11-17 19:20:45
8280
1
原创 数据发生变化时（DOM）视图没有更新的原因及解决方案 - 2024最新版前端秋招面试短期突击面试题【100道】
在 Vue.js 中，响应式系统负责将数据的变化自动反映到视图上。然而，在某些情况下，当数据发生变化时，DOM 视图没有更新。这种现象主要是由于 Vue 2 中使用进行数据劫持的局限性。以下是产生原因及相应的解决方案。
2024-11-09 11:05:41
754
1
原创 HTTP 和 HTTPS 的区别 - 2024最新版前端秋招面试短期突击面试题【100道】
HTTP是一种用于客户端和服务器之间进行请求和响应的协议，运行在 TCP/IP 协议之上。HTTPS是在 HTTP 的基础上增加了 SSL/TLS 加密层的协议，用于安全的数据传输。HTTP是一种简单、高效的通信协议，适用于对安全性要求不高的场景。HTTPS在 HTTP 的基础上增加了安全层，适合需要保护用户数据和隐私的场景，如在线支付、用户登录等。理解 HTTP 和 HTTPS 的区别，以及它们各自的特性和适用场景，对于保证网络应用的安全性和提升用户体验至关重要。
2024-11-09 11:05:10
638
原创 Vue 的代理和环境变量 - 2024最新版前端秋招面试短期突击面试题【100道】
在使用 Vue.js 开发应用时，处理接口数据请求和环境变量的配置是非常重要的。以下是关于 Vue 的代理和环境变量的详细解析及使用方法。
2024-11-08 14:59:55
682
原创 Vue 3 性能提升与 Vue 2 的比较 - 2024最新版前端秋招面试短期突击面试题【100道】
在 Vue 2 中，使用data来定义响应式数据，使用methods来定义方法。
2024-11-08 14:55:31
648
1
原创 浏览器是如何渲染页面的？ - 2024最新版前端秋招面试短期突击面试题
当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。主线程会依次处理这些任务，开启渲染流程。浏览器的渲染过程是一个复杂而高效的流水线，每一步都有明确的输入和输出。通过理解这些步骤，开发者可以更好地优化网页性能，提高用户体验。在面试中能够清晰地阐述这一流程的细节，将使你在技术面试中更具竞争力！希望这些知识能帮助你顺利通过面试！
2024-11-06 15:26:56
584
原创 Vue 3 性能提升与 Vue 2 的比较 - 2024最新版前端秋招面试短期突击面试题【100道】
Vue 2：使用data来定义数据，使用methods来定义方法。Vue 3引入了setup函数，将所有的数据和方法放在一个地方，提升了整体代码的可读性和组织性。setup函数中的变量和方法可以直接使用，减少了读取和调用的时间。
2024-11-05 14:04:55
808
原创 keep-alive - 2024最新版前端秋招面试短期突击面试题【100道】
是 Vue.js 中非常有用的一个组件，特别适用于需要频繁切换的组件场景。通过缓存组件状态，它帮助开发者在提升性能的同时，保持良好的用户体验。在面试中能够清晰地解释keep-alive的使用场景和实现细节，将为你加分不少！希望这些知识能帮助你顺利应对相关问题，成功上岸！
2024-11-05 14:03:32
623
原创 WebSocket 及时通信 - 2024最新版前端秋招面试短期突击面试题【100道】
WebSocket 是一种通讯协议，提供了在单个 TCP 连接上进行全双工（双向）通信的能力。与传统的 HTTP 请求-响应模型不同，WebSocket 允许服务器主动向客户端推送消息，这使得实时应用（如即时聊天、在线游戏和实时数据更新）得以实现。
2024-11-04 09:59:04
1082
原创 如何改 Bug - 2024最新版前端秋招面试短期突击面试题【100道】
修复 Bug 是开发过程中不可避免的一部分。通过合理的步骤来定位和解决问题，不仅能提高效率，还能加深对项目的理解。在面试中能够清晰地表达你的 Bug 处理逻辑和方法，将提升你的竞争力。希望这些技巧能帮助你在工作中顺利解决问题，并在面试中脱颖而出！
2024-11-04 09:58:11
802
原创 Vue 响应式原理（数据双向绑定） - 2024最新版前端秋招面试短期突击面试题【100道】
Vue的响应式系统主要通过数据劫持实现，当数据变化时，自动更新视图。通过以上分析，我们可以看到，Vue的响应式原理通过数据劫持、依赖收集和派发更新实现了高效的双向数据绑定。对于开发人员来说，理解这一机制可以更好地利用Vue提供的响应式特性，并构建出高效、流畅的用户界面。在面试中能够深入探讨这些概念，将使你更具竞争力！
2024-11-03 12:42:07
1292
原创 登录鉴权 - 2024最新版前端秋招面试短期突击面试题【100道】
定义：角色是指用户在系统中的职位或身份。不同角色拥有不同的固有权限。示例：在一个人力资源管理系统中，角色可能包括管理员、经理、员工等。每种角色会有不同的访问权限和操作权限。定义：除了基于角色的基本权限外，系统中还可能存在一些特殊的权限，这些权限不完全依赖于角色。示例：例如，某些用户可能需要在没有特定角色的情况下，执行额外的操作，如数据导出、系统设置等。登录鉴权是确保系统安全的关键组成部分。通过角色和自定义权限的结合，能够灵活地管理用户访问。
2024-11-03 12:38:43
668
1
原创 最近项目总结 - 2024最新版前端秋招面试短期突击面试题
在这次项目总结中，我将介绍我参与的几个项目的背景、技术栈、项目架构以及在开发过程中遇到的亮点和挑战。这些经验不仅帮助我提升了技术能力，也让我更好地理解了团队协作和项目管理的重要性。
2024-11-03 12:36:49
654
1
原创 vue中的nextTick() - 2024最新版前端秋招面试短期突击面试题【100道】
nextTick的主要作用是在下次DOM更新循环结束后的回调。Vue会对响应式数据的变化进行批处理，当你修改数据后，Vue会在下一次DOM更新时更新视图。nextTick允许你在更新后的DOM状态中执行某些操作。nextTick是一个非常有用的方法，可以确保你在对DOM进行操作之前，等待所有的DOM更新完成后再执行相关的逻辑。使用nextTick可以帮助你在复杂的异步交互和DOM操作中确保正确性，避免因DOM未更新而导致的问题。掌握nextTick。
2024-11-02 19:03:57
744
2
原创 Vue Router 中 router、route 和 routes 的区别 - 2024最新版前端秋招面试短期突击面试题【100道】
router是 Vue Router 的实例。它是一个全局的路由实例，负责管理整个应用的路由。route是当前激活的路由对象，包含了当前路由的详细信息，如路径、参数、查询参数等。routes是一个数组，包含了所有的路由配置信息。每个路由配置都是一个对象，定义了路由的路径（path）、组件（component）、名称（name）、子路由（children）等。router：全局的路由实例，负责路由的管理和跳转。route：当前激活的路由对象，包含当前路由的详细信息。routes。
2024-11-02 19:02:31
1209
2024年前端最新场景题面试.pdf
2024-08-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人