weixin_55041125的博客

抽象类的特点抽象类不能通过new创建实例抽象类可以包含抽象方法，也可以包含实现的具体方法有抽象类的方法，必须是一个抽象类抽象方法必须在子类中实现现在有这样一个需求定义一个shape抽象类，里面有一个getArea的抽象方法分别定义三角形，圆形，长方形等多种形状的类//抽象方法，必须存在于抽象类中，抽象类不必具体实现//圆形//继承自抽象类的子类，要具体实现其抽象方法//长方形return 3*4//只需要调用Shape中的方法即可求出面积。

抽象类的特点抽象类不能通过new创建实例抽象类可以包含抽象方法，也可以包含实现的具体方法有抽象类的方法，必须是一个抽象类抽象方法必须在子类中实现现在有这样一个需求定义一个shape抽象类，里面有一个getArea的抽象方法分别定义三角形，圆形，长方形等多种形状的类//抽象方法，必须存在于抽象类中，抽象类不必具体实现//圆形//继承自抽象类的子类，要具体实现其抽象方法//长方形return 3*4//只需要调用Shape中的方法即可求出面积。

则不会推断出是什么类型，后续的操作也不能正常进行。获取元素节点的时候，若根据标签获取。初始化TS的配置，会生成一个。，将不会允许模糊的this出现。通常用在获取元素节点的时候。

上面的例子中，我们对变量定义进行了说明// let/const 变量名称:数据类型（类型注解） = 赋值let message:string = "hello" //string就是类型注解。

在上面的例子中有讲过store的定义使用进行定义第一个参数：是store的唯一名称，也成为id，是必要的第二个参数是具体的store对象返回的函数同一使用useX进行命名//defineStore创建store，可以创建多个store//第一个参数是用于命名store的//第二个参数是store的具体内容}),});//返回值是一个函数，将函数暴露出去state是store的核心部分//defineStore创建store，可以创建多个store。

在上面的例子中有讲过store的定义使用进行定义第一个参数：是store的唯一名称，也成为id，是必要的第二个参数是具体的store对象返回的函数同一使用useX进行命名//defineStore创建store，可以创建多个store//第一个参数是用于命名store的//第二个参数是store的具体内容}),});//返回值是一个函数，将函数暴露出去state是store的核心部分//defineStore创建store，可以创建多个store。

每个模块都拥有自己的state、mutation、action、getter，甚至可以嵌套子模块。类似于computed计算属性，对state中的数据可以进行复杂逻辑的处理。前面我们知道在vuex中有一个mapState函数，可以帮助我们完成映射。在mutation中写的都是同步代码，不能写异步代码，比如进行网络请求。在使用Vuex进行状态管理的时候，难免维护的状态会十分庞大。那么我们想在模块中，访问根模块的内容需要怎么访问。在用脚手架搭建的过程中，可以直接进行安装。上面我们知道可以进行分模块的操作。

前面的文章中，提到过当项目体量过大，打包的时候，默认会将项目打包到app.js文件中，此时，我们可以用import函数，进行分包处理。比如，现在用户想访问订单页面，但是该用户没有登录，所以不会直接跳转到订单页面，而是跳转到登录页面进行登录。比如在个人中心页面中，我们会有多个页面，资料设置，头像设置等等，这时候就需要用到嵌套路由。前面进行路由跳转的方式都是通过标签进行跳转，如果是通过js代码跳转，该怎么操作。在跳转到特定的路由前，需要有一些特定的条件，才可以成功跳转。在template模板中直接获取。

定义普通函数setup(){//可以直接使用，但不是响应式return{message定义响应式数据（reactive定义复杂数据：对象/数组等，不能传入普通类型的，比如字符串等在option api中data中定义的数据实际上就是交给了reactive函数setup(){//此时就是响应式了a:100,b:200})//对obj进行修改return{obj定义响应式数据（ref）:返回的是ref对象，需要使用.value进行获取值定义简单类型的响应式数据。

每个组件都可能经历等一系列过程在每个阶段，我们可能会添加一些属于自己的逻辑代码在Vue中，生命周期通过生命周期函数实现。

本文章主要讲了Vue的组件化思想，使用脚手架搭建一个项，vue中插槽的基本用法，具名插槽以及作用域插槽的用法，父子组件的通信以及非父子组件通信（Provide/Indect以及事件总线）

本地引入可以将CDN中地址中的代码，拷贝到一个 vue.js文件中之后引入该js文件即可命令式编程和声明式编程的区别data属性是传入一个函数，并返回一个对象data中返回的对象，会被Vue的响应式系统劫持（通过 Proxy方式实现）methods属性在 methods中通常是用于声明函数方法的在 声明函数的时候，不能使用箭头函数因为使用了箭头函数，会找到上一层作用域中的this，导致无法访问到data中的变量computed计算属性对于响应式数据的复杂逻辑

每次拉取/提交代码的时候，都需要指定远程仓库的分支，会很麻烦，因此我们可以设置一下本地分支的上游分支，可以省略重复的步骤。项目中存在特殊的文件（比如node_modules等），不希望git对其进行跟踪和管理的，可以对其进行忽略。当我们对一个项目进行了多次的提交，想要回退到之前的版本，可以使用git reset命令进行操作。这样就设置了本地仓库的上游分支，可以直接通过 pull/push对代码进行提交以及拉取。前面我们对Git的基本操作进行了学习，那么它的底层原理是怎么样的。的方式将仓库中的代码克隆下来。

此插件已经集成到了 webpack中，因此我们直接引入即可此插件的目的是，在打包代码的过程中，生成全局变量此插件默认配置了用于区分开发环境和生成环境的//引入插件output: {},//使用插件plugins: [//自己引用模板的路径// template: "相对路径",}),//使用key：value形式//value中会当成js代码counterStr: "'1+1'", //1+1字符串}),],module: {rules: [],},

可以理解成performant npm具有以下特点快速：比其他的包管理工具快2倍高效：支持monorepos严格。

官方定义：Node.js是一个基于V8 JavaScript引擎的JavaScript运行时的环境。

在维基百科中的解释超文本传输协议是一种分布式、协作式和超媒体信息系统的应用层协议HTTP是万维网的数据通信的基础，设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法通过HTTP或者HTTPS协议请求的资源由统一资源标识符来标识HTTP是客户端（用户）和服务端（网站）之间请求和响应的标准请求（Request）和响应（Response）请求：包含请求行、请求头和请求体响应：包含响应行，响应头和响应体。

通常事件触发之后，会立即执行相对应的函数，而防抖就是，事件触发之后，过一段时间才会触发相应的函数事件不断的触发，执行函数会无限制的延后。

正则表达式（regex或者regexp 或者 RE）是计算机科学的一个概念是一种字符串匹配利器，可以帮助我们搜索、获取、代替字符串在JS中，正则表达式使用RegExp//在JS中有两种方式可以创建正则表达式// new RegExp(pattern（规则）, flag（标识符）)// /pattern（规则）/flag（标识符）

异步函数返回的是一个Promise，Promise有三种状态，正常执行是pending，return是fulfilled，那么何时抛出异常。即，JS代码一次只能做一次事情，如果这个线程十分耗时，当前线程 就会阻塞。函数分为：普通函数、生成器函数、异步函数，本次就开始学习异步函数。JS是单线程（可以开启workers），但是JS的线程有自己的。每个进程会有多个线程，其中有一个线程是专门分给JS代码运行的。遇到throw，代码就会停止执行，且后面的代码不会执行。当代码抛出异常之后，不去捕获的话，就会很危险。