自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 Object是什么?

Object是 JavaScript 中对象操作的 “基础设施”,提供了从对象创建、属性定义、遍历、判断到原型链处理的全套工具。Vue 3 作为前端框架,其核心的响应式系统、组件系统、类型校验等逻辑都离不开对象的底层操作,因此Object的方法和属性在 Vue 3 中被频繁使用是必然的。理解Object的核心方法,也是深入学习 Vue 3 源码和前端底层原理的关键。

2025-12-23 17:54:48 748

原创 vue 父子组件通信

父组件的核心是 “给子组件贴 ref 标签 + 通过 ref 拿到子组件实例 + 访问暴露的内容”。上层提供响应式数据,下层拿到的是 “引用”,上层 / 下层修改,双方都会同步更新。的方案(比如:父 → 子 → 孙,甚至更深),跳过中间组件,避免 “Props 层层透传”(比如爷爷传父、父再传孙)的繁琐。是 Vue3 的 “语法糖”,里面定义的变量 / 方法默认是 “私有” 的(保护组件封装性);的作用就是 “把私有内容公开给父组件”,想让父组件访问什么,就暴露什么。后代组件会用注入名来查找期望注入的值。

2025-12-18 19:26:41 878

原创 北京天融信前端一面

Sass 是 CSS 预处理器,支持变量、嵌套、函数等特性,函数(function)用于封装可复用的计算逻辑// 定义函数:计算 px 转 rem(假设根字体 16px)// 必须有 @return 返回值// 使用函数.box {// 编译后:width: 2rem;虚拟 DOM(VDOM)是用 JS 对象描述真实 DOM 结构的抽象层核心目的:减少真实 DOM 操作(DOM 操作开销大),提高渲染效率;工作流程:数据更新时,生成新的 VDOM 树;

2025-12-09 10:56:37 898

原创 vue3项目里面.vue 文件的执行顺序

不是同时编译:三个部分的编译有先后顺序和依赖关系Template 编译需要 Script 的信息(props、setup 返回值等)Style 编译需要 Template 生成的 scopeId实际执行可能部分并行:现代工具(Vite)会尽可能并行处理,但会处理依赖最终是串行组合:所有部分编译完成后,串行组合成最终模块编译时信息传递:通过唯一的组件 ID 和 AST 分析来传递信息plaintextsetup 执行,msg: Hello Vue3挂载前。

2025-12-08 17:51:34 894

原创 JavaScript 的深浅拷贝

若场景是纯 JSON 数据(无特殊类型、循环引用),可临时用。若需要处理复杂对象(含特殊类型、循环引用),推荐使用,它是现代 Web 环境下深拷贝的 “最优解”。// 修改副本// 2(未受影响)// 解决循环引用[] : {};// 2(原对象不受影响)// 'function'(函数被复制)类型复制层级引用类型属性的影响实现复杂度适用场景浅拷贝只复制第一层修改会同步影响原对象简单只需复制基本类型属性深拷贝复制所有层级修改不影响原对象复杂。

2025-11-20 23:01:49 583

原创 JavaScript数据类型

而基本类型因是值拷贝,只要变量作用域结束(如函数执行完毕),栈内存会被自动回收,几乎不会因基本类型引发内存泄漏。对象(Object)、数组(Array)、函数(Function),还有特殊的对象:正则(RegExp)和日期(Date)、Map/Set。会返回 "object"),引用类型对象、数组、日期等返回 "object",函数返回 "function"。Object(对象):键值对的集合,是所有引用类型的基础,包含普通对象、数组、日期等。值类型:传递值的副本,函数内对参数的修改不会影响外部变量。

2025-11-17 22:36:23 823

原创 前端面试:var,const,let的区别

变量声明语句执行前的这段区域,该变量处于 “未初始化” 的不可访问状态。声明还是会被提升到作用域顶部,但。ES6(ECMAScript 2015)是 JavaScript 语言的。,于 2015 年发布,是 JavaScript 发展史上的一个重要里程碑。包围的代码块内部形成的作用域,在该作用域内声明的变量只能在该代码块内访问。(2)缺乏块级作用域:在if或者for里面的变量会泄露出去。,这是现代 JavaScript 开发的统一最佳实践。(处于 “未初始化” 状态),直到代码执行到。

2025-11-09 22:30:43 305

原创 获取DOM元素

摘要:本文介绍了JavaScript中获取DOM元素的多种方法,重点讲解了使用CSS选择器的两种方式:querySelector()获取匹配的第一个元素和querySelectorAll()获取所有匹配元素(NodeList)。同时对比了Array和NodeList的区别,并介绍了其他传统方法如getElementById()、getElementsByClassName()和getElementsByTagName()。

2025-07-02 18:07:29 1051

原创 【小白入门前端】DOM、DOM树和DOM对象

本文介绍了DOM(文档对象模型)的核心概念与作用。DOM作为HTML/XML文档的编程接口,将网页转换为树形结构(DOM树),使JavaScript能够动态访问和修改页面内容、结构及样式。DOM树以层级关系组织网页元素,DOM对象则提供操作这些元素的属性和方法。通过DOM,开发者可以高效定位节点、实时更新网页,实现交互功能。简言之,DOM是连接网页与JavaScript的桥梁,通过树形结构和对象化操作实现动态网页控制。

2025-06-30 00:33:12 1145 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除