HBS__-CSDN博客

原创第三章、Composition Api补充及组件通信

传递一个函数，函数内传入2个参数（都是函数），分别为：track追踪函数、trigger触发视图更新函数$attrs用于传递非props的属性，尤其适用于组件封装和属性透传。$listeners在Vue 2中用于传递事件监听器，Vue 3中已整合进$attrs。两者结合使用，可以在不增加复杂度的情况下，实现灵活的组件通信。通过合理使用$attrs和$listeners，可以显著提高组件的复用性和开发效率。在Vue中，插槽（Slots）是组件间通信和内容分发的重要机制。

2026-03-17 22:40:36 377

原创第二章、Vue_Cli及相关组件内容讲解

vue-cli是一个基于webpack的vue脚手架（构建命令工具），主要用于构建vue项目。vue-cli官网Vite是一款速度极快的前端构建工具，它是Vue的新一代的构建工具。Vite官网组件其实就是分离的代码，它抽取了对应的html、css和javaScript代码形成了对应的代码。组件核心目的是解耦、复用。

2026-03-16 21:14:46 397

原创第一章、Vue

Vue语法高亮插件VS Code默认不自带Vue高亮，需要安装官方插件：插件名称：VeturVue是一个采用mvvm模型（数据驱动视图）、用于构建用户界面的的渐进式javaScript框架。它基于标准HTML、CSS、javaScript构建，并提供了一套声明式组件式的编程模型。内部采用了虚拟DOM（对象）和diff算法来进行相关的比对，减少了重绘和回流，提高了相关的性能。易用：渐进式：可以按需使用它的功能，不用一开始就引入所有模块。声明式：只需要描述“想要什么结果”，不用关心“怎么实现”。

2026-03-16 19:54:39 380

原创第十四章、浅拷贝和深拷贝及相关observer

浅拷贝只拷贝第一层的值，对于引用地址直接进行引用传递。（相当于拷贝快捷方式）深拷贝针对于每一层都进行值拷贝。（相当于复制粘贴）通过递归实现深拷贝users: [{say() {console.log('说话方法')}],person: {//判断是否为对象，不是对象直接返回对应的值if (!//判断具体类型//1、函数应该直接引用传递//2、日期对象，返回新的日期对象//3、正则对象，返回新的正则对象//4、如果是数组或其他对象// trueObserver主要做的是监听操作。

2026-02-05 22:55:35 398

原创第十章、Ajax

TCP是面向连接的传输协议，它需要通过三次握手来建立连接，需要四次挥手来断开连接。UDP是无连接的传输协议，它主要通过丢包（发送数据报包）的形式进行数据发生。Ajax（asynchronous JavaScript and xml）称为异步的JavaScript和xml，主要用于发送异步网络请求（局部刷新），其核心对象为XHR。浏览器的同源策略是一种安全隔离机制，主要是为了数据安全所设计的一种策略。JSONP是跨域一种解决方案，主要是借助script标签的src属性（不受跨域影响）来进行访问。

2026-01-31 17:22:03 821

原创第九章、闭包和Promise

GC为垃圾回收机制，主要负责堆内存的回收（GC只能在空闲时进行回收）。函数嵌套函数，内部函数拥有外部函数的参数或变量。（GC无法回收对应的内容）Lodash是一个一致性、模块化、高性能的js实用工具库。Promise是Es6新增的一个类，用于处理异步问题的类，主要是为了解决回调地狱的问题。传递一个函数，这个函数没有参数，只要状态发生更改就会被调用。})console.log('finally，状态更新了')console.log('then，成功', res)

2026-01-30 01:09:57 972

原创第一章、javaScript入门

JavaScript是一个轻量级的脚本语言。是一个动态类型的语言（弱语言，由赋值的类型决定变量的类型，即值决定类型）。它一般用于浏览器环境或node环境。在node环境主要采用的是v8引擎。在浏览器主要使用对应的浏览器内核进行解析（遵从w3c的规范）。js还是一个单线程的语言（渲染线程唯一，解析线程也唯一）。在对应的js环境中，可以采用work来开辟工作线程（线程主要用于执行耗时操作、计算密集型操作）。ECMAScript。

2026-01-25 22:30:12 637 1

HBS__的博客