摘要：
一本好书 一生之书 听见内心 读懂自己 谱写传奇 阅读全文
摘要：
vue3 插槽 slot 使用 在 Vue3 中，插槽（slot）是一种重要的组件复用和内容分发机制。通过使用插槽，可以让组件更加灵活和具有可复用性，在不同的地方渲染不同的内容，同时保证相同的样式。 插槽资料 官网介绍：https://cn.vuejs.org/guide/components/sl 阅读全文
摘要：
vue3 接入 Element Plus vue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element- 阅读全文
摘要：
Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参，今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 Jav 阅读全文
摘要：
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元素。具体来说，它可以将整个页面或特 阅读全文
摘要：
vue 使用 threejs 实现实景看房效果 demo 关于这个 threejs 实现 VR 看房效果也超级简单，只需要提供一个思路的话就可以了其实，首先需要一个房间结构的贴图，这个贴图网上有，当然找个合适的也不好找，我找了一上午在别人的 demo 里面扣了一张出来，代码都是一样的，稍微说一下思路 阅读全文
摘要：
vue 使用 threejs 加载第三方模型 接专栏的上一篇博文，这是加载第三方模型相关的。这篇博文拖了很久了哈，简单说一下吧，本来不想写了的，觉得相对来说比较简单，但是还是稍微一扯。为啥要加载第三方呢，上一篇我们绘制的小立方体很简单啊，但是有一些模型可能比较复杂，比如一辆小汽车，一个大楼，我们用代 阅读全文
摘要：
vue2 使用 cesium 【第二篇-相机视角移动+添加模型】 搞了一阵子 cesium，小白入门，这东西很牛逼，但是感觉这东西好费劲啊！网上资料不多，每个人的用法又不一样，操作起来真的是绝绝子。之前写了一篇 vue2 使用 cesium 的博文，没有写完，本来想继续写来着，想了一下还是重新开一篇 阅读全文
摘要：
vue2 使用 cesium 篇【第一篇】 今天好好写一篇哈，之前写的半死不活的。首先说明：这篇博文是我边做边写的，小白也是，实现效果会同时发布截图，如果没有实现也会说明，仅仅作为技术积累，选择性分享，不做教学哈。不好别喷。 安装 cesium 这个就很简单，只需要一句简简单单的命令就可以实现在 v 阅读全文
摘要：
vue 实现通过字符串关键字符动态渲染 input 输入框 今天做一个简单的demo，就是有一个字符串，字符串里面有标识符，前端检测到标识符之后，需要将这个标识符转换成一个 input 输入框并且进行数据输入和绑定功能。 问题描述 就比如现在有这样一个字符串： 你好，我是{name}，我今年{age 阅读全文
摘要：
一篇文章了解 threejs 在 vue 项目中的基本使用 Three.js 是一个跨浏览器的脚本，使用 JavaScript 函数库或 API 来在网页浏览器中创建和展示动画的三维计算机图形。为啥突然想写这么一篇文章的主要原因其实是前几天有个人需要我帮忙写一个简单的 demo，花了几个小时之后觉得 阅读全文
摘要：
vue 实现文件切上传 在实际开发项目过程中有时候需要上传比较大的文件，然后呢，上传的时候相对来说就会慢一些，so，后台可能会要求前端进行文件切片上传，很简单哈，就是把比如说1个G的文件流切割成若干个小的文件流，然后分别请求接口传递这个小的文件流。 流程简说 实现文件切片导入，首先我们使用 elem 阅读全文
摘要：
react 中的 Fragment 今天说的这一小节超级简单，但是呢，不说还不行，因为在实际开发项目当中你会确确实实的发现有这样一个使用场景，很多人都会写，所以说尽管不影响我们的实际开发，但别人确实会这样操作，为了能更好的看清项目代码，稍微提一嘴吧。 标签渲染 Fragment 标签的使用啊超级简单 阅读全文