×

typescript

Cesium实时轨迹、点击运动、插值坐标、轨迹回放。(cesium 实时轨迹)

????&Y ????&Y 发表于2024-06-30 浏览8340 评论0
老规矩,效果图放前面,满足需求接着往下看。 加载模型 模型加载方式为primitive,利用矩阵设置世界坐标,modelMatrix,包含位置方向,在此基础上可以做到物体位移。 let Primitive: Cesium.Primitive let entityPath: Cesium.Entity let path: number[][] = [104.063914, 30.640356, 500] //存在路线数组 let linePath: Cesium.Cartesian3[

typescript

Pinia+Vue3使用案例及Pinia持久化存储

我爱你中国 我爱你中国 发表于2024-06-29 浏览9782 评论0
为什么要使用Pinia Pinia是Vue的一个存储库,它允许你跨组件/页面共享状态。 如果你熟悉Composition API,你可能会认为你已经可以通过一个简单的导出const state = reactive({})来共享一个全局状态。 这对于单页应用程序是正确的,但如果是服务器端呈现,则会暴露应用程序的安全漏洞。 但即使是在小的单页应用程序中,你也可以通过使用Pinia获得很多: 热模块替换 修改存储而无需重新加载页面 在开发过程中保持任何现有状态 使用插件扩展Pinia功能

html5教程

仿网易云移动端项目Vue3.2+Pinia+Vant+axios

+++? +++? 发表于2024-06-26 浏览4959 评论0
仿网易云移动端项目Vue3.2+Pinia+Vant+axios 目录 仿网易云移动端项目Vue3.2+Pinia+Vant+axios 前期准备(Pinia,rem,初始化样式,图标引入,vant组件,axios) 安装pinia 1.在main.js引入注册 2.创建store  rem移动适配 1.创建rem.js实现移动适配布局 2.在index.html引入 3.可以用px to rem 插件进行px和rem转换 阿里图标引入(Symbol方法) 1.在官网添加

前端

Vue3实战教程(快速入门)(vue3从入门到实战)

旺利-屋顶光伏 旺利-屋顶光伏 发表于2024-06-22 浏览8760 评论0
前言 本教程通过搭建一个简单项目,帮助读者快速入门Vue3项目实战,掌握Vue3、TS、Element Plus、axios等技术栈。 1.搭建脚手架 vue -V查看vue版本,需要在4.5.1版本之后,即可进行以下操作。 1.1 创建项目 (1)使用命令 vue create vue3-elementplus-demo 创建Vue项目。 (2)进入选项配置,选择 Manually select features,进行手动配置 (3)配置项如下 都选择完毕后,回车

HTML文章/教程

Vue3 可视化大屏自适应解决方案(transform)

成绍勇? 成绍勇? 发表于2024-06-20 浏览8857 评论0
自适应一直就是都是前端开发的大难题,特别是现在越来越多的项目喜欢大屏展示,今天公司给我的项目便是一个可视化大屏的项目,而且宽高只告诉了大概是4000*2000,然后使用的Vue3进行开发,网上找了一下几乎都是Vue2的解决过程,所以小小的记录一下,希望能对读者带来帮助。 我很多讲解都是在注释里面,大家可以仔细看看,不难理解,可以直接取过去使用(自己定义初始化的宽高即可) 1.设置基础数据 根据你现在浏览器可视界面设置为基础大小 <template> &

node.js

Vite创建Vue3项目(vite搭建vue3)

如风 如风 发表于2024-06-18 浏览11011 评论0
Vite创建Vue3项目 Vite 需要 Node.js 版本 >= 12.0.0。(node -v 查看自己当前的node版本) 使用 yarn:yarn create @vitejs/app 使用 npm:npm init @vitejs/app 1. 输入项目名称 这里输入我们的项目名称:vite-vue3 2. 选择框架 这里选择我们需要集成的框架:vue vanilla:原生js,没有任何框架集成 vue:vue3框架,只支持vue

前端技术

Vue项目实战——【基于 Vue3.x + Vant UI】实现一个多功能记账本(搭建开发环境)

何程 何程 发表于2024-06-15 浏览6908 评论0
基于 Vue3.x + Vant UI 的多功能记账本(二) 搭建开发环境 Vue3 + Vant UI_多功能记账本 项目演示 1、创建项目 终端键入以下指令,每一行命令跟一个回车(也可以使用 npm,方法类似) // 创建 vite-app 项目 yarn create vite-app daily-cost // 定位到 daily-cost 目录 cd daily-cost // 添加依赖 yarn // 启动项目 npm dev

typescript

Vue3 + TypeScript axios处理拦截器interceptors中requestInterceptor存在config.headers存在未定义的可能(自定义header没有值)

애타게샤오닝 애타게샤오닝 发表于2024-06-15 浏览6540 评论0
前言 在Vue3 + TypeScript 学习时,学习到用typescript封装axios时,出现了一个问题 那就是如下图所示的config.headers的对象可能未定义 问题所在地方 一开始我非常的不理解为什么会出现这个问题。因为我的代码是写的也没有问题啊。别人的案例代码也是这样写的。然后我就想,会不会是版本问题。 于是开始查看axios的源码 果然如此 这是axios 0.26.1版本的AxiosRequestConfig里面的headers的类型定义 这是0.21.0版本的

vue.js

Vue3 Element Plus 动态标签页和右键菜单 (element ui 右键菜单)

luck luck 发表于2024-06-14 浏览5649 评论0
1 前言 1.1 目的 Tabs 动态标签页实现右键菜单【关闭当前标签页】、【关闭左侧标签页】、【关闭右侧标签页】、【关闭其他标签页】、【关闭全部标签页】功能 1.2 普通右键菜单 网上使用比较多的是v-contextmenu插件实现右键菜单,但该插件对于v-for循环生成的元素失效,插件内部右键菜单显示执行的是emit('show')未传入当前元素节点(可能后续会修复),且样式需要自行修改 1.3 本文右键菜单方式 本文使用element-plus自带的el-dro