macanhappy的博客

原创 职场那点小破事 ！！

请记住，每个人的情况都是独特的，因此可能需要尝试不同的方法来找到最适合你的缓解职场焦虑的方式。

原创 axios 封装

封装axios可以帮助你更好地管理 HTTP 请求，包括错误处理、请求拦截、响应拦截、取消请求、设置默认配置等。以下是一个简单的axios在这个示例中，我们创建了一个axios实例，并设置了默认的配置（如baseURL和timeout然后，我们添加了两个拦截器：一个请求拦截器和一个响应拦截器。注意：这个示例假设你正在使用 Vue.js 和 Element UI，但你可以轻松地将其修改为你正在使用的任何框架或库。

原创 路由守卫、跳转

router.replace('/')A页面切换到B页面 再从B页面跳到C页面， B页面被替换返回到A页面。1.声明式导航 router-link(用to属性跳转)2.编程式导航 router.push('/')1.声明式导航 a(用来跳转下载) href()路由跳转的方式可以有多种，具体取决于所使用的技术和框架。beforeResolve 解析守卫。：全局守卫作用于整个应用，包括全局前置守卫和全局后置守卫。beforeEach 前置守卫。：独享守卫作用于单个路由，也称为路由独享守卫。

原创 补充：ES6 举例

原创 补充：Ts 举例

原创 是谁还没有掌握 Ts 数据类型！！！

5.Tuple7.Any类型别名使用type关键字来定义。下面是一个简单的例子：Name是string类型的一个别名。NameOrAge是string或number类型的联合类型（Union Type）的一个别名。Person是一个对象类型，其中name属性是Name类型（即string类型），而age属性是可选的Number（注意这里应该使用number类型，但我在示例中使用了Number作为示例来指出常见的误区）。

原创 掌握 ES6！！！！

含义：ES6（ECMAScript 2015）是 JavaScript 语言的一个重大更新版本，它带来了许多新特性和语法糖，旨在让 JavaScript代码更加简洁、易读和强大。

原创 v-model 核心

1.。v-model的本质是语法糖，它结合了v-bind 和 v-on的功能，简化了表单元素的绑定操作。在自定义组件中使用v-model时，需要定义一个名为value的prop属性和一个名为input的自定义事件，并在组件中通过$emit方法触发该事件。。

原创 计算属性和监听属性大汇总 ！！！

computedwatch和的主要区别在于它们的使用方式和特性。watch需要手动指定监听的数据，并可以获取变化前后的值，适用于明确知道需要监听哪个数据并基于其变化执行操作的场景。而则自动追踪函数内部使用的响应式数据，并在数据变化时执行回调函数，适用于执行副作用操作并依赖多个响应式数据的场景。计算属性和监听属性的区别触发方式：计算属性是基于它们的依赖进行缓存的，只有在它的相关依赖发生改变时才会重新求值。而监听属性则是通过监听数据的变化来触发相应的操作。适用场景。

原创 关于继承那点儿事 ！！

1.继承含义：子类拥有父类所有的属性和方法2. ES5继承：1. 原型链继承：原型链继承是JavaScript中最基本的继承方式。每个构造函数都有一个原型对象（prototype），这个原型对象包含一个指向构造函数的指针（），同时还包含一个指向下一个原型对象的指针（__proto__通过让一个构造函数的prototype属性指向另一个构造函数的实例，可以实现继承。2. 借用构造函数继承 (构造函数)：在子类型构造函数的内部调用超类型构造函数，可以使用call()或apply()

原创 js 脚本语言

typeof 能够判断除null以外的所有的基本数据类型，还可以判断函数 typeof null === 'object'基本数据类型（简单）：number,string,boolean,null,undefined,Symbol,bigint。引用数据类型（复杂）：object,array,function,data,math。constructor 能够判断除null，undefined以外的所有数据类型。基本类型存储在栈（eg：内存）中，复杂类型存储在堆（eg：硬盘）中。