- 博客(33)
- 收藏
- 关注
RSS订阅原创 前端面试必备：深度解析 instanceof 操作符的实现原理及手写实现
instanceof是 JavaScript 中用于检测对象与构造函数关系的操作符，它通过检查构造函数的 prototype 属性是否出现在对象的原型链上，来判断对象是否为该构造函数的实例。基本语法经典示例// true// true（原型链包含Object）核心原理：原型链遍历 + 原型比对实现要点原型链遍历的循环控制边界条件的全面处理类型验证的严谨性考察重点原型链机制的理解深度代码实现能力边界情况的处理意识扩展问题如何实现跨窗口的类型检测？如何检测Promise等内置对象？
2025-02-25 20:54:35
712
原创 【无标题】
理解null和undefined语义区别undefined是系统级空值，null是应用级空值类型系统typeof检测的陷阱与解决方案使用场景：初始化策略、API设计、状态管理安全操作：检测方法选择与类型转换规则在工程实践中，建议：始终使用===进行严格比较在需要表示"空值"时优先使用null利用 TypeScript 类型系统强化空值管理（如选项）
2025-02-22 21:36:20
601
原创 前端面试-JavaScript 数据类型检测全解
掌握数据类型检测是JavaScript开发的基本功，针对不同场景选择合适的检测方案：快速判断基本类型 →typeof原型链关系验证 →instanceof精确类型识别 →特定类型优化 →专用方法（如 Array.isArray）理解这些方法的实现原理和边界条件，能够帮助开发者写出更健壮的代码，在面试中也能从容应对相关问题的深度追问。
2025-02-22 21:29:18
718
原创 前端面试-JavaScript 数据类型详解
两大家族：基本类型（7种） vs 引用类型（Object）三大差异：存储方式、赋值行为、比较逻辑特殊成员Symbol的唯一性、BigInt的大数处理、null与undefined的语义区别掌握这些核心概念，能够帮助开发者避免常见陷阱（如意外修改引用类型数据），并写出更健壮的代码。
2025-02-22 21:20:35
958
原创 ES6箭头函数：基础与进阶指南
箭头函数通过简洁的语法和确定的this绑定，极大提升了代码的可读性和可维护性。然而，其特性决定了它更适合处理与上下文无关的逻辑操作，而非替代所有传统函数。掌握箭头函数的精髓在于根据具体场景合理选择，使代码既简洁优雅又功能完善。学习建议：在项目中逐步替换符合条件的传统函数，通过实践加深对箭头函数特性的理解，同时注意使用ESLint等工具进行代码规范检查。
2025-02-22 21:13:29
835
原创 前端面试之Flex布局：核心机制与高频考点全解析
Flex布局不仅仅是CSS技术，更是一种响应式思维的训练。理解其"弹性分配"的核心思想，掌握容器与项目的控制权边界，就能在面试中从容应对各种布局难题。建议通过等互动游戏进行实战演练，将理论知识转化为肌肉记忆。
2025-02-21 21:41:51
835
原创 前端面试之Box盒子布局：核心知识与实战解析
盒子布局不仅是CSS技术的集合，更是开发者对页面结构的理解方式。掌握从盒模型到现代布局方案的知识体系，配合对浏览器渲染机制的理解，方能在面试中游刃有余。建议通过CSS Battle等平台进行实战演练，真正将知识转化为解决问题的能力。
2025-02-21 21:03:57
1417
原创 ES6箭头函数：从基础到进阶指南
箭头函数作为现代JavaScript的重要特性，在提升代码简洁性和可维护性方面表现出色。理解其核心的this绑定机制，掌握适用场景与限制条件，开发者可以更精准地选择函数类型，在保持代码简洁性的同时避免潜在的陷阱。
2025-02-21 20:32:01
392
原创 深入理解ES6核心特性：现代JavaScript开发的基石
ECMAScript 2015（ES6）是JavaScript语言发展的里程碑式版本，它带来了和。本文将通过与，系统解析ES6的核心特性，助您写出更现代、更高效的JavaScript代码。
2025-02-18 22:05:52
1293
原创 Express中的路由使用指南：从基础到高级实践
METHOD：HTTP方法（get/post/put/delete等）PATH：URL路径（字符串或正则表达式）HANDLER：处理函数（中间件）
2025-02-14 06:30:00
520
原创 【前端开发】query参数和params参数的区别
在Web开发中，（URL查询参数）和（路由参数）是两种不同的URL传参方式，它们的核心区别如下：示例对比：三、 代码获取方式不同1. Express.js中获取参数2. Vue Router中获取参数四、 SEO与缓存影响 query参数 params参数 SEO 可能被搜索引擎视为同一页面不同状态 通常作为独立页面处理 缓存 不同query可能共享缓存 不同params通
2025-02-13 17:26:33
604
原创 Vue3组件化实战：如何用“低代码思维”设计高复用企业级组件？
配置化：通过props控制90%的功能（而非修改源码）可插拔：支持插件机制扩展功能跨框架：用抽离核心逻辑类型安全：TypeScript智能提示Props设计陷阱❌ 避免Boolean类型props无默认值事件命名冲突❌与原生事件混用✅ 使用kebab-case样式污染预防@at-root { // 隔离作用域/* 组件样式 */互动挑战组件设计一对一指导开源项目VIP权限优快云独家定制周边推荐学习Vue3组件设计模式前端架构设计指南低代码平台实现原理。
2025-02-13 14:17:34
964
原创 Node.js中Express框架使用指南：从入门到企业级实践
Express作为Node.js最流行的Web框架，承载了超过60%的Node.js Web应用。本文将深入讲解其核心功能、最佳实践和性能优化技巧，并附带TypeScript支持方案。
2025-02-13 10:44:55
13404
原创 Node.js中的npm包：从入门到实践指南
目录一、npm的核心概念二、npm核心命令与工作流三、package.json深度解析四、高级技巧与最佳实践五、常见问题解决方案六、未来趋势在Node.js生态中，npm（Node Package Manager） 是开发者不可或缺的工具。它不仅是全球最大的开源软件注册中心，更是项目依赖管理的核心。本文将深入解析npm的核心概念、使用方法及最佳实践，助你高效管理项目依赖。什么是npm？ npm是Node.js默认的包管理器，包含：CLI工具：用于安装、发布和管理包。在线仓库：托管超过200万个开源包（np
2025-02-12 11:14:01
835
原创 Node.js中的模块化：从原理到实践
在软件开发领域，模块化是构建复杂系统的基石。→ utils.js → utils.json → utils.node → utils目录。文件扩展名补全（.js, .json, .node）模块加载器（Loader Hooks）实验特性。复用共享：通过npm生态实现跨项目复用。内置模块无需安装，直接通过名称引用。目录package.json解析。代码组织：将功能拆分为独立单元。依赖管理：明确模块间的引用关系。node_modules查找。作用域隔离：避免全局污染。
2025-02-12 10:04:01
590
原创 JavaScript中数据类型检测的全部方式
从基础到进阶，全面解析类型检测的8种方案JavaScript作为动态类型语言，类型检测是开发中最重要的基础技能之一。本文将系统梳理从基础到高级的所有类型检测方法，通过代码示例对比不同方案的适用场景，并揭示现代框架的类型检测底层原理。
2025-02-11 20:46:16
601
原创 JavaScript基础知识及高频用法
作为全球使用最广泛的编程语言，JavaScript 不仅是前端开发的“灵魂”，更通过 Node.js 渗透到后端、移动端甚至物联网领域。本文将系统梳理 JavaScript 的核心语法与高频使用技巧，助你快速构建扎实的编码能力。
2025-02-11 12:35:00
649
原创 Node.js飞速入门1 - 初识node.js
如果你曾用 JavaScript 编写过网页交互逻辑，那么 Node.js 将为你打开一扇新世界的大门——让 JavaScript 跳出浏览器，直接运行在操作系统上，成为构建高性能服务器、工具链甚至桌面应用的全能语言。
2025-02-10 23:03:54
1116
原创 业务实现思路-图片切换功能
最后书写逻辑，在vue3中，我们使用const activeindex=ref(0)，来定义一个响应式的记录索引下标的变量，在小图预览li中，我们为其绑定事件@mouseenter="changeindex(index)"，即当鼠标移动到该li标签中，触发changeindex(index)函数回调，然后我们再回script之中编写changeindex(index)函数逻辑。准备大致模板，为数据渲染提供载体，这里将小图预览显示以列表的形式展出，大图就简单为一张图片。这样即可完成图片切换的大致实现。
2025-02-05 10:29:57
331
原创 一分钟带你学Vue3 - computed计算属性和watch事件侦听
基础使用（侦听多个数据）：1.导入watch函数 2.执行watch函数，传入watch函数所需要的ref对象和回调函数，传入对象组用数组包裹起来，新值旧值各自也使用数组包裹起来。基础使用（侦听单个数据）：1.导入watch函数 2.执行watch函数，传入watch函数所需要的ref对象和回调函数。这样设置之后只有data对象中的name属性变化才可以触发watch监听事件，执行回调函数。2.执行函数在回调函数中return基于响应式数据做计算的值，然后用变量接收。1.导入computed函数。
2025-01-20 23:25:17
322
原创 1分钟读懂Vue3 - 组合式API下的父子通信
3.在父组件中进行接收，以刚刚定义了传值的触发事件作为子组件的监听事件，然后触发父组件的事件changefn,在changefn中我们使用形参就可以接收到子组件传递来的值了。4.在子组件中接收，但是由于写了setup 无法直接配置props选项所以借助了“编译器宏”defineProps函数来接收父组件传递的值。3.在父组件中给子组件以添加属性的方式传递数据，注意如果想要传递的是响应式数据，则需要在属性名前加个冒号。2.使用emit来进行传递。2.在父组件中导入子组件。
2025-01-20 23:11:49
335
原创 2分钟！无痛学会引用图标库icofont！
这里主要讲一下比较常用的font-class引用方式。进入后我们可以看到各种各样的引用图标的方法。进入官网后点击 帮助 -> 代码应用。
2024-12-04 20:02:13
338
原创 还不会用git管理代码？5分钟带你入门！
本质上是一个分布式的代码版本控制系统，可以用来记录代码内容，记录代码版本，切换代码版本，可以供多人开发时合并代码内容等操作。版本库：提交并保存暂存区中的内容，产生一个版本快照，，不会删除暂存区里的文件内容，暂存区里的文件内容依旧在暂存着。暂存区 -> 覆盖 ->工作区，命令： git restore 目标文件（完全确认覆盖）git reset --mixed 版本号（与git reset等价）从暂存区移除文件，命令： git rm --cached 目标文件。在终端输入git - v能够查看git版本号。
2024-11-23 11:05:50
503
原创 vue3!!亲属组件间最简便通信方法！！
作用：实现顶层组件向任意的底层组件传递数据和方法，实现跨层组件通信。顶层组件还可以给底层组件提供方法，来修改顶层组件的数据。1.顶层组件通过provide函数提供数据。2.底层组件通过inject函数获取数据。
2024-11-17 22:14:44
205
原创 10分钟入门vue2!!
一个页面可以拆分成一个个组件，每个组件都有着自己独立的结构、样式、行为。这样的好处是便于维护，利于复用，以达成提升开发效率的目的普通组件，根组件（整个应用最上层的组件，包裹所有普通小组件）组件的数据是独立的，无法直接访问其他组件的数据想用其他组件的数据 ->组件通信prop定义:组件上注册的一些自定义属性/96+prop作用:向子组件传递数据可以传递任意数量的prop可以传递任意类型的prop自定义指令：自己定义的指令，可以封装一些dom操作，拓展额外功能。
2024-11-16 20:28:46
1192
原创 快速入门vue3
在脚本中使用ref返回的对象访问时需要加上.value,而在模板中使用的时候就不需要使用.value,直接使用即可,由于ref使用范围更广,所以我们在之后的编写中,统一使用ref()来统一代码。作用:接受简单类型或者复杂类型,返回一个响应式的对象 本质:在接受到传入的数据的基础上,外层包了一层对象,包成了复杂类型,包成复杂类型之后使用了reactive函数实现响应式。基础使用（侦听单个数据）：1.导入watch函数 2.执行watch函数，传入watch函数所需要的ref对象和回调函数。
2024-11-06 20:34:07
1467
原创 （小白必看！）吃透while/do while循环只需要一个案例！ 内附求和求阶乘等经典求法
此时只要没有输入网名，res没有接收到值那么res就为假，!res就为真，所以只要!res为真就会反复执行do中的循环语句，直到不符合条件。while语句，顾名思义就是当...时，就执行某段代码，所以我们就要注意一定要设置判断条件和自身改变。初始化，条件判断，要执行的代码，自身改变（我们根据我们自己的需要来设置步长）其实也可以使用while语句来实现。
2024-11-03 19:51:15
437
原创 吃透switch语句只需要一篇文章！
在JavaScript语言中，switch语句的工作机制是通过将switch表达式的值与每个case标签后面的值进行严格相等（即使用===运算符）比较，来决定执行哪一段代码。这意味着switch表达式的结果会被逐个与case标签后的值进行对比，直到找到一个匹配的值，然后执行相应的代码块。如果没有找到匹配的值，则执行default标签下的代码块（如果存在的话）。当case标签后的值是一个具体的值或者可以直接计算出具体值的表达式时，switch表达式通常也应该返回一个可以与之直接比较的具体值。
2024-11-02 21:03:14
810
原创 (前端必看)switch条件分支语句-以更新订单状态为例
比如说订单状态包括未付款，已付款，已发货，已完成等状态。我们在更新订单状态时就可以使用switch这种高效率方法来进行状态更新。switch语句的作用：根据判断switch()内部变量的值与case后的判断语句进行比较来确认执行。也就是说switch语句并不会主动执行无关代码，所以其执行效率是高的。case语句的匹配特性是。的，也就是说switch。
2024-10-30 19:33:02
342
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人