m0_50519996的博客

原创 学习TS-类

/其中 super 关键字是对父类的直接引用，该关键字可以引用父类的属性和方法。//类继承后，子类可以对父类的方法重新定义，这个过程称之为方法的重写。//在方法中可以通过this来表示当前调用方法的对象。// private : 私有，只能被其定义所在的类访问。//在实例方法中，this就表示当前当前的实例。//在构造函数中当前对象就是当前新建的那个对象。//可以通过this向新建的对象中添加属性。super.happy()// 调用父类的函数。Car1.happy()//通过对象拿取的类中的方法。

原创 学习TS -类型

/可以声明一次类型，可以赋值很多属性。obj2={name:"fanlinlin",age:20,gender:'女'};//未知类型，他给别人赋值，赋值不上去的。//任意类型，可以给别人赋值，而且不会提示报错。let arr1:Array<number>//方式二。//undefinde没有值。//没有值，不能是任何值。

原创 学习es6

1、let变量2、const常量3、解构赋值4、模板字符串5、简化对象写法6、参数默认值7、rest参数8、扩展运算符9、扩展对象方法10、扩展数组方法11、Set12，Promise13、Module模块

原创 学习请求接口

学习笔记

原创 学习axios拦截器

统一处理这是一个axios.js文件。

原创 配置代理 解决跨域

请求接口：

原创 父使用子方法-vue2

运行结果：

原创 学习JSON.parse()和JSON.stringify()

原创 学习对象原型中的hasOwnProperty()

hasOwnProperty(propertyName)方法 是用来检测属性是否为对象的自有属性，如果是，返回true，否者false;参数propertyName指要检测的属性名；

原创 原型中之find()-查找满足条件的第一个元素，并返回该元素的值

要在数组中每个元素上执行的函数。当前正在处理的数组元素。当执行回调函数时使用的。正在处理的元素的索引。调用该方法的数组本身。

原创 原型中之filter()-过滤

注意：filter()不会对空数组进行检测、不会改变原始数组array.filter(function(currentValue, indedx, arr), thisValue)currentValue：必须。当前元素的值;index：可选。当前元素的索引值；arr：可选。当前元素属于的数组对象；thisValue：可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。如果省略了 thisValue ，"this" 的值为 "undefined"。

原创 原型中之fill()- 用于将一个固定值替换数组的元素。

array.fill(value, start, end)value 必需。填充的值。 start 可选。开始填充位置。 end 可选。停止填充位置 (默认为array.length)

原创 原型之every()-检查数组中的每个元素是否满足指定条件

返回布尔类型，一般会和some一起进行学习some是：其中一个满足指定条件，就会返回true

原创 原型中之copyWithin()-浅复制数组的一部分到同一数组中的另一个位置

a.copyWithin( 0, 1, 2)0：复制到那个位置1：从那个位置开始复制2：从那个位置结束复制（不包含）

原创 原型中之constructor()-数据类型检测

这张图来自网络学习中。。。

原创 原型中之at()-通过索引号返回该索引对应的元素

index1是索引号at() 方法用于接收一个整数值并返回该索引对应的元素，允许正数和负数。负整数从数组中的最后一个元素开始倒数。匹配给定索引的数组中的元素。如果找不到指定的索引，则返回 undefined。

原创 原型中concat()-合并连接

`concat()` 方法主要用于连接两个或多个数组。它不会改变原有的数组，而是会返回一个包含这些数组元素的新的数组。学习中。。。

原创 前端学习生产环境、开发环境、测试环境

NODE_ENV=development 开发环境。学习中.......

原创 内部循环map,forEach,some和every方法

Map() 三个值item(值)，index(索引)，arr(原数组)forEach()some()和every()

原创 学习响应式布局

白话：先设计了PC端样式，想让移动端也使用这套样式，就要对个别布局属性进行修改。max-width：是PC端优先呈现，min-width：是移动端优先呈现。白话：在屏幕小于等于600px，body元素里面的文字大小为12px。/* 媒体查询：在小屏幕上进行布局调整 */

原创 盒模型一篇就够了

一个盒子是由四部分组成的：内容（content）、内边框（padding）、边框（border）和外边框（margin）。

原创 学习vue3和vue2对比来学习(6-子传父)

attrs：值为对象，组件外部非响应式传递过来、emit：触发事件 、slots：插槽。

原创 前端合并数组

1、concat()方法 不改变原始数组，返回一个新的数组2、扩展运算符 ...名3、push()方法4、push.apply()

原创 vue3全局变量和vue2全局变量使用

运行结果打印截图。

原创 二、HTML常用标签（2）

更新中…

原创 学习vue3和vue2对比来学习(5-父传子)

nameE：动态传参，这个可以随意起名字，子那边要这个名字。ComponentsEC：子组件的名称。params.name:数据。

原创 二、HTML常用标签（1）

更新中…

原创 一，HTML基本结构标签

学习中。。。

原创 学习vue3和vue2对比来学习(4-watch侦听器）

watch(num,(newValue,oldValue)=>{//需求},{immediate:true})immediate:true ：配置，对监听器的配置，还有：是否深度监听。个人理解笔记，如果有什么理解错误可以告诉我，我也是在学习中...newValue最新值,oldValue修改之前的值，(newValue,oldValue)=>{//需求}watch监听器：属性发生变化时触发watch侦听器。vue3方法二 <script setup>num：需要帧听的属性；

原创 学习vue3和vue2对比来学习(3-计算属性computed)

学习计算属性computed 一定会和方法进行比较，那就是计算属性缓存 vs 方法 无论多少次访问都会立即返回先前的计算结果，而不用重复执行 getter 函数。但是方法不同，调用一次，就会执行一次。个人理解笔记，如果有不正确的地方，可以告诉我，我也是在学习中，今天冬至，祝大家冬至快乐。

原创 学习vue3和vue2对比来学习(2)

点击按钮之前 点击之后。真正开发中经常使用这个方法，不需要return了。说起vue3不得不提起ref和reactive，这两个是声明响应式，ref普通类型，reactive对象和数组（vue3方法二：通过使用。

原创 学习vue3和vue2对比来学习(1)

介绍</button><button @click="sagHello">介绍</button><button @click="sagHello">介绍

原创 学习vuex

/全局，别的文件使用可以直接$store.commit('')在js里面使用this.$store.commit('')//把创建的一个实例化对象赋值给store，方便暴露出去，看store.js文件最下面一行代码。//vue3写法,vue3中一般使用pinia也是一个仓管，比vuex少了一个。//声明的一个变量count，有点类似全局变量。//把经常用到的方法放到这里，别处想用就使用。//无参 别处想用就使用。//有参 别处想用就使用.//无参 别处想用就使用。//有参 别处想用就使用.

原创 学习弹性布局

/每个小板块间距相同。//从第一行文字开始。

原创 学习拦截器

axios、拦截器