12 2023 档案
摘要：vue3 组件之间传值 非常好，为啥突然开这样一篇博文，首先是因为 vue3 是未来发展的趋势。其次，vue 官方已经确认，将于2023年最后一天停止对 vue2 项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了，同时呢，无论是 elementUI
阅读全文
摘要：Linux 安装 nginx 哎哟，其实安装过好多次了，在哔哔一次吧。 1. 安装依赖包 首先，需要安装四个依赖包，使用一行命令完成： yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel 等待完成就可以了。 2.下载
阅读全文
摘要：vue 预览 pdf、word、excel 这是之前做项目的时候涉及到的一个功能，当时做了之后就一直没有整理，其实也很简单，功能不多，只是预览，没有在线编辑的功能，所以呢，啊哈哈哈哈哈，一个插件就可以了。 预览 pdf 预览 pdf 我是用的这个插件，直接运行一下命令就可以了： npm instal
阅读全文
摘要：TypeScript 泛型 参考资料：https://ts.xcatliu.com/advanced/generics.html 泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。 案例 定义一个函数，传入两个参数，第一个参数是数据，第
阅读全文
摘要：声明合并 如果定义了两个相同名字的函数、接口或类，那么它们会合并成一个类型。 接口的合并 接口中的属性在合并时会简单的合并到一个接口中： interface Alarm { price: number; } interface Alarm { weight: number; } 相当于： inter
阅读全文
摘要：类与接口 前几篇博客说过，接口（Interfaces）可以用于对「对象的形状（Shape）」进行描述。现在主要介绍接口的另一个用途，对类的一部分行为进行抽象。 类实现接口 实现（implements）是面向对象中的一个重要概念。一般来讲，一个类只能继承自另一个类，有时候不同类之间可以有一些共有的特性
阅读全文
摘要：TypeScript 中的类使用 学习资料：https://ts.xcatliu.com/advanced/class.html 传统方法中，JavaScript 通过构造函数实现类的概念，通过原型链实现继承。而在 ES6 中，我们终于迎来了 class。 TypeScript 除了实现了所有 ES
阅读全文
摘要：TypeScript 枚举 enum 学习资料：https://ts.xcatliu.com/advanced/enum.html 枚举（Enum）类型用于取值被限定在一定范围内的场景，比如一周只能有七天，颜色限定为红绿蓝等。 枚举赋值 简单理解就是给一组数值赋予名称。 // 枚举对象 enum N
阅读全文
摘要：TypeSrcipt 元组 技术资料：https://ts.xcatliu.com/advanced/tuple.html 数组合并了相同类型的对象，而元组（Tuple）合并了不同类型的对象。元组起源于函数编程语言（如 F#），这些语言中会频繁使用元组。 案例区分 // 数组 合并了相同类型的对象
阅读全文
摘要：类型别名和字符串字面量类型 参考资料：https://ts.xcatliu.com/advanced/type-aliases.html 类型别名 类型别名用来给一个类型起一个新的名字。 比如说，我们声明一个字符串变量： let str:string = '我是ed.' 好，完成了，但是我比较矫情，
阅读全文
摘要：类型断言 参考资料：https://ts.xcatliu.com/basics/type-assertion.html 类型断言（Type Assertion）可以用来手动指定一个值的类型。 案例 比如说我们有一个案例：定义一个函数，获取到一个数组或者字符串的长度 OK，接下来编写代码： // 定义
阅读全文
摘要：函数类型 在 JavaScript 中，有两种常见的定义函数的方式——函数声明（Function Declaration）和函数表达式（Function Expression）。 在 js 中，定义一个函数有一下两种方式： // 函数声明 命名函数 function add(x, y) { retu
阅读全文
摘要：接口约束数组 超级烦人 接口约束 接口也可以用来描述数组： interface INewArray { [index: number]: number } let arr: INewArray = [1, 2, 3] INewArray 表示：只要索引的类型是数字时，那么值的类型必须是数字。 虽然接
阅读全文
摘要：接口 超级烦 什么是接口 在 TypeScript 中，我们使用接口（Interfaces）来定义对象的类型。 在面向对象语言中，接口（Interfaces）是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（classes）去实现（implement）。 TypeScript 中的接口是
阅读全文
摘要：TypeScript 类型声明、数据类型 好烦 数据类型 JavaScript 的类型分为两种：原始数据类型（Primitive data types）和对象类型【引用数据类型】（Object types）。 原始数据类型包括：布尔值、数值、字符串、null、undefined 以及 ES6 中的新
阅读全文
摘要：1. TypeScript 简介 烦 教程地址 教程资源：https://ts.xcatliu.com/introduction/what-is-typescript.html#link-1 中文官网：https://www.typescriptlang.org/ TypeScript 特点 JS的
阅读全文
摘要：cesium 截取图片 没啥好说的，直接贴代码吧 toImg() { if (viewer) { viewer.scene.render(); let canvas = viewer.scene.canvas; let image = canvas.toDataURL("image/png").re
阅读全文
摘要：openlayers 截图 OK，我承认，这篇博文是一个水文。 最新做了一个功能，就是 openlayers 展示二维 GIS 数据后，可以把当前的视角导出图片。 直接写代码吧，没啥好说的： // 截图 toImg() { if (this.map) { let canvas = this.map.
阅读全文
摘要：vue 使用 html2canvas 截取图片保存 好久没有写博文了，写够了，没啥想写的了，这个号算是废了，哎，气人啊！越来越胖，越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库，它可以将HTML元素转换为Canvas元素。具体来说，它可以将整个页面或特
阅读全文
