草庐IT

教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023

目录1.本篇适用范围与目的1.1.适用范围1.2.目的2.牛刀小试-先看到地球2.1.创建Vue3-TypeScript工程并安装cesium2.2.清理不必要的文件并创建三维地球2.3.中段解疑-奇怪的路径2.4.打包部署2.5.有限的优化3.CesiumJS前置知识3.1.CesiumJS依赖包中的资料说明3.2.构建后的CesiumJS库组成-主库文件与四大文件夹3.3.链接库文件和四大文件夹的CESIUM_BASE_URL变量4.现代前端工具的基本常识4.1.选择Vite的理由4.2.为什么外部化引入(External)一个库4.3.TypeScript类型提示4.4.开发服务器的路径

教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023

目录1.本篇适用范围与目的1.1.适用范围1.2.目的2.牛刀小试-先看到地球2.1.创建Vue3-TypeScript工程并安装cesium2.2.清理不必要的文件并创建三维地球2.3.中段解疑-奇怪的路径2.4.打包部署2.5.有限的优化3.CesiumJS前置知识3.1.CesiumJS依赖包中的资料说明3.2.构建后的CesiumJS库组成-主库文件与四大文件夹3.3.链接库文件和四大文件夹的CESIUM_BASE_URL变量4.现代前端工具的基本常识4.1.选择Vite的理由4.2.为什么外部化引入(External)一个库4.3.TypeScript类型提示4.4.开发服务器的路径

vue3中使用vue-i18n(ts中使用$t, vue3不用this)

vue项目里多语言工具一直用的vue-i18n。以前用的vue2,也没啥大问题,就是配置好之后用t(“你的属性名”)就行,现在用vue3其实本来也没太大变化。但是配置完之后,在html中用$t()没有问题,显示文案什么的一切正常。而在ts中使用$t()方法报错,后来才发现是我没有设置全局的$t()方法。记录一下在vue3中使用vue-i18n的方法:安装vue-18n配置应用挂载全局方法$t以方便在ts中使用(本次记录的重点)由于1.2.3.好多人写过了,我就简单的写一下,本次记录的重点是4,因为我发现网上好多博客都只写了$t在html中的使用,但是大都没提到在ts中也可能用到。安装npmin

vue3中使用vue-i18n(ts中使用$t, vue3不用this)

vue项目里多语言工具一直用的vue-i18n。以前用的vue2,也没啥大问题,就是配置好之后用t(“你的属性名”)就行,现在用vue3其实本来也没太大变化。但是配置完之后,在html中用$t()没有问题,显示文案什么的一切正常。而在ts中使用$t()方法报错,后来才发现是我没有设置全局的$t()方法。记录一下在vue3中使用vue-i18n的方法:安装vue-18n配置应用挂载全局方法$t以方便在ts中使用(本次记录的重点)由于1.2.3.好多人写过了,我就简单的写一下,本次记录的重点是4,因为我发现网上好多博客都只写了$t在html中的使用,但是大都没提到在ts中也可能用到。安装npmin

uniapp,vue3,ts,接口封装、小程序登录

在src下创建public文件夹,在public文件夹里创建request.ts//设置基地址constbaseUrl='https://meituan.thexxdd.cn/api'//封装请求functionrequest(url:string,method:'GET'|'POST',data:string|object|ArrayBuffer){returnnewPromise((resolve,reject)=>{//发起uni请求uni.request({url:baseUrl+url,//路径method,data,//进入接口成功success:(res)=>{if(res.st

uniapp,vue3,ts,接口封装、小程序登录

在src下创建public文件夹,在public文件夹里创建request.ts//设置基地址constbaseUrl='https://meituan.thexxdd.cn/api'//封装请求functionrequest(url:string,method:'GET'|'POST',data:string|object|ArrayBuffer){returnnewPromise((resolve,reject)=>{//发起uni请求uni.request({url:baseUrl+url,//路径method,data,//进入接口成功success:(res)=>{if(res.st

TS 导入导出那些事

前言最近用TypeScript写npm包,各种模块、命名空间、全局定义等等扰得我睡不着觉。我便苦心研究,总结了几个比较冷门的,国内貌似基本上找不到资料的导入导出用法,顺便在其中又插入一些不那么冷门的用法,于是本篇文章来了。因为一开始也没想做成大全,可能之后还会继续更新吧。目录导入模块在模块中导出导入命名空间在命名空间中导出使用全局定义进行全局定义导入模块导入模块中的东西相信大家都不陌生。唯一需要注意的便是默认导出与“星号”导出的区别。import*asModfrom'./mod';//类似于constMod=require('./mod');importModDeffrom'./mod';//

TS 导入导出那些事

前言最近用TypeScript写npm包,各种模块、命名空间、全局定义等等扰得我睡不着觉。我便苦心研究,总结了几个比较冷门的,国内貌似基本上找不到资料的导入导出用法,顺便在其中又插入一些不那么冷门的用法,于是本篇文章来了。因为一开始也没想做成大全,可能之后还会继续更新吧。目录导入模块在模块中导出导入命名空间在命名空间中导出使用全局定义进行全局定义导入模块导入模块中的东西相信大家都不陌生。唯一需要注意的便是默认导出与“星号”导出的区别。import*asModfrom'./mod';//类似于constMod=require('./mod');importModDeffrom'./mod';//

【外观设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介外观模式(FacadePattern),也叫门面模式,是一种结构型设计模式。它向现有的系统添加一个高层接口,隐藏子系统的复杂性,这个接口使得子系统更加容易使用。如果你需要一个指向复杂子系统的直接接口,且该接口的功能有限,则可以使用外观模式。或者需要将子系统组织为多层结构,可以使用外观。 作用让业务代码通过统一接口与内部子系统隔离。降低访问内部子系统时的复杂度,简化客户端之间的接口。 实现步骤创建统一外观接口和实现类,用于衔接调用方与子系统。创建不同子模块/子模块,这些子模块可以共同实现某通用接口,也可以各自独立。通过统一外观接口来访问这些复杂子类。 UML  Java代码 外观基础接口//

【外观设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介外观模式(FacadePattern),也叫门面模式,是一种结构型设计模式。它向现有的系统添加一个高层接口,隐藏子系统的复杂性,这个接口使得子系统更加容易使用。如果你需要一个指向复杂子系统的直接接口,且该接口的功能有限,则可以使用外观模式。或者需要将子系统组织为多层结构,可以使用外观。 作用让业务代码通过统一接口与内部子系统隔离。降低访问内部子系统时的复杂度,简化客户端之间的接口。 实现步骤创建统一外观接口和实现类,用于衔接调用方与子系统。创建不同子模块/子模块,这些子模块可以共同实现某通用接口,也可以各自独立。通过统一外观接口来访问这些复杂子类。 UML  Java代码 外观基础接口//