TypeScript语法拓展
模块化 typescript最主要使用的模块化方案是 ES Module 知识点 在JS中规范声明如何没有 export 的 JS 文件都当作为一个脚本,并非模块 在脚本文件中,变量和类型会被声明在共享的全局作用域,将多个输入文件合并成一个输出文件,或者在 HTML使用多个 <script> 标签加
TypeScript语法
typescript 的出现是为 javascript 添加类型约束 编写的 ts 代码最终都会编译成 js 代码运行,浏览器不支持直接运行 ts 类型的代码 变量的声明 var/let/const 变量名:数据类型 = 赋值 例如: const hello: string= 'hello worl
TypeScript泛型
认识泛型 软件工程中,我们不仅要创建一致的定义良好的API,同时也要考虑可重用性。 组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能 在像C#和Java这样的语言中,可以使用泛型来创建可重用的组件,一个组件可以支持多种类型的数据。 这样用户就可以
TypeScript面向对象
类 class JS从ES6开始,引入了class关键字,可以更加方便的定义和使用类 TS作为JS的超集,支持使用class关键字,可以对类的属性和方法等进行静态类型检测 使用例子 class Person {
name: string
age: number
// 构造函数
con
TypeScript函数类型
函数类型的表达式 函数作为参数是也可以标识类型 type Calcfunc= (number1:number,number2:number)=>number 接受两个参数的函数,number1 为number 类型,number2为number类型,返回值为number类型 使用 function
vue状态管理 vuex / pinia
状态管理 在开发中,我们会的应用程序需要处理各种各样的数据,这些数据需要保存在我们应用程序中的某一个位置,对于这些数据的管理我们就称之为是 状态管理 ✅ vue2 / Options Api 建议使用 vuex ✅ vue3 / Composition Api 建议使用 pinia Vuex 官网链
vue3&composition Api
setup setup 是 Vue3 中一个新的配置项,值为函数 组件中使用的数据、方法等都要配置在 setup 中 setup 函数返回值:对象,函数等数据,可在模板中直接使用 setup 函数参数:props,context props :自定义属性,组件外部传进来,且组件内部声明接收的属性(父
Ajax 及其 Axios 的使用归纳
推荐使用 Axios Axios 是专注于网络数据请求的库。 相比于原生的 XMLHttpRequest 对象,axios 简单易用。 相比于 jQuery,axios 更加轻量化,只专注于网络数据请求。 传统的Ajax (XHR) 基本使用步骤 创建 xhr 对象 调用 xhr.open()函数
vue-router
前端路由 前端路由,指的是 Hash 地址与组件之间的对应关系 工作方式: 用户点击了页面的路由链接 导致了 URL 地址栏的 Hash 值方式变化 前端路由监听到 Hash 地址的变化 前端路由把当前 Hash 值地址对应的组件渲染到浏览器页面 简单路由的实现 <