typescript地图setup vue3
关于ECharts调用外部信息，然后将相关数据放入中国地图的具体实现
相关描述 之前我已经试过直接导入中国地图，但是仅仅只是将固定的数据导入进去，并没有涉及到将数据库+地图化显示，只能说是还没有学到精髓了； 所以这次在作业的压迫下，就正好实现了这个延迟了许久的事情啦！ 遗留问题的解决 想要获取到数据库里面的内容，还是少不了ajax的参与，将ajax部分写进去。源代码如 ......
Vue3中KeepAlive的使用
我们在开发一个功能是，经常会遇到从一个列表页面，点击列表项跳转到详情页面的需求，理想的情况下，从详情页面返回到列表页，应该回到跳转前的状态，可以继续浏览其他内容；但是在没做任何处理的情况下，返回列表页后，列表页会被刷新，回到初始的状态，这就与我们的预设不符；为了实现这样的需求，我们需要使用keep- ......
TypeScript 的个人见解
TypeScript 简介 TypeScript 是由微软开发的一种强类型的 JavaScript 超集语言。它提供了静态类型检查、类和接口等面向对象编程特性、泛型、命名空间等高级特性，以及 ES6/ES7 的支持。 TypeScript 的优势 TypeScript 在开发中有很多优势，比如： 更 ......
在基于vue-next-admin的Vue3+TypeScript前端项目中，为了使用方便全局挂载的对象接口
在基于vue-next-admin 的 Vue3+TypeScript 前端项目中，可以整合自己的 .NET 后端，前端操作一些功能的时候，为了使用方便全局挂载的对象接口，以便能够快速处理一些特殊的操作，如消息提示、辅助函数、正则测试等等。本篇随笔介绍在Vue3+TypeScript 前端项目中全局... ......
vue的从0到1 p4—— vue2改vue3
背景：由于配置公司的vue2项目，什么东西都用不了很烦，我就重新卸载了vue2.9.6，参考文档：https://blog.csdn.net/qq_48736958/article/details/111405591 步骤： 1、卸载原有的版本，首先打开cmd，查看现有的vue版本 $ vue -- ......
Vue3 学习记录
VUE3 学习记录 模板语法 绑定文本值 <p>Using text interpolation: {{ rawHtml }}</p> <p>Using v-html directive: <span v-html="rawHtml"></span></p> 绑定 Attribute <div v- ......
APP13（创建百度地图应用）
1. 百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com) 控制台-->应用管理-->我的应用-->创建应用 开发版SHA1 的获取 然后先找到这个文档，一般都在.android里面。 打开命令行 输入 cd .android keytool -v -list -key ......
vue3+vite+ts：使用@符号，找不到模块
报错问题 情况说明：在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......
Vue3 点击复制功能，利用vue-clipboard3
首先安装插件 vue-clipboard3 npm install vue-clipboard3 --save 然后在页面里面引入 <button class="btn" @click="copy()">点击复制</button> 建议用buttn标签，因为别的标签可能会失效 <script set ......
vue3+ts ckplayer播放监控视频
1、第一步下载ckplayer，然后把ckplayer复制到项目中public文件夹下 2、index.html引用ckplayer.js <script type="text/javascript" src="/ckplayer/ckplayer.min.js" charset="UTF-8" d ......
Vue3学习笔记 —— 状态管理、Vuex、Pinia （未完结）
优秀文章分享：vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理？ 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例： <!-- 视图 --> <template>{{ count }}</t ......
[深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 .value property，指向该内部值。 如果将对象分配为 ref 值，则它将被 reactive 函数处理为深层的响应式对象。 template 内使用 ref 对象，会自动解包。 <template> <d ......
基于webpack与TypeScript的SolidJS项目搭建
本文将讲述如何基于webpack与TypeScript搭建一个基础的支持less模块的solidjs项目。方便后续涉及到solidjs相关分析与讨论都可以基于本文的成果之上进行。 前置 nodejs v14+ 全局yarn（npm亦可） 稳定的网络环境 创建根目录solidjs-webpack-ts ......
vue3 + el-date-picker(element-plus) 两种方式限制只能选一个月区间
1. <div style="float: right"> <el-date-picker v-model="state.rangeData[0]" type="date" value-format="YYYY-MM-DD" placeholder="开始" :disabled-date="pick ......
vue3
一、简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） github.com/vuejs/vue-n… 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实 ......
ArcGIS Runtime for Android 5 加载地图
经过前期的Android Studio软件部署、Gradle构建配置、项目认识、模拟调试等，本文才正式使用ArcGIS Runtime for Android的SDK，我们可以参考官网教程。 1、申请Key 注册一个ESRI账号，并申请一个开发者API Key（很长的字符串）。 Dashboard ......
vue3+ts初学之创建一个vue3项目
(1)使用vue-cli创建: ## 安装或者升级 npm install -g @vue/cli ## 保证 vue cli 版本在 4.5.0 以上 vue --version ## 创建项目 vue create my-project 然后的步骤: Please pick a preset - ......
vue3+ts初学之安装路由(router)
一、安装路由 1.安装vue-router vue3需要安装4.0以上版本 vue2最好安装4.0以下版本 安装命令： npm install vue-router@next --save // 安装最新版本router // 如需按版本安装，需将命令行中 next 改成相应的版本。如下： // n ......
Vue3 企业级优雅实战 - 组件库框架 - 9 实现组件库 cli - 上
上文搭建了组件库 cli 的基础架子，实现了创建组件时的用户交互，但遗留了 cli/src/command/create-component.ts 中的 createNewComponent 函数，该函数要实现的功能就是上文开篇提到的 —— 创建一个组件的完整步骤。本文咱们就依次实现那些步骤。（友情 ......
vue2升级vue3：vue-i18n国际化异步按需加载
vue2异步加载之前说过，vue3还是之前的方法，只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍： 为什么需要异步加载语言包 主要还是缩小提代码包，没有按需加载前，语言包内容太多 好几屏幕全部是，虽然从webpa ......
在Vue3+TypeScript 前端项目中使用事件总线Mitt
事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。 ......
TypeScript 学习笔记 — 类型兼容 （十）
TS 是结构类型系统（structural type system），基于结构/形状检查类型，而非类型的名字。 TS 中的兼容性，主要看**结构是否兼容**。(核心是考虑安全性),结构化的类型系统(又称鸭子类型检查),如两个类型名字不一样但是无法区分 类型兼容性是基于结构子类型的。 结构类型是一种只 ......
从0搭建Vue3组件库(四): 如何开发一个组件
本篇文章将介绍如何在组件库中开发一个组件,其中包括 如何本地实时调试组件 如何让组件库支持全局引入 如何在 setup 语法糖下给组件命名 如何开发一个组件 目录结构 在packages目录下新建components和utils两个包,其中components就是我们组件存放的位置,而utils包则 ......
从0搭建Vue3组件库(五): 如何使用Vite打包组件库
本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts) 打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安装 vite 以及@vitejs/plugin-vue pnpm add vite @vitejs/ ......
从0搭建Vue3组件库(六):前端流程化控制工具gulp的使用
前言 随着前端诸如webpack，rollup，vite的发展，gulp感觉似乎好像被取代了。其实并没有，只不过它从台前退居到了幕后。我们仍然可以在很多项目中看到它的身影，比如elementplus、vant等。现在gulp更多的是做流程化的控制。 比如我们要把一个大象放进冰箱里就需要 打开冰箱门- ......
从0搭建Vue3组件库(二):Monorepo项目搭建
本篇文章是从0搭建Vue3组件库系列文章第二篇,本篇文章将带领大家使用pnpm搭建一个简单的Monorepo项目,并完成包的关联与测试 什么是 Monorepo 其实很简单,就是一个代码库里包含很多的项目,而这些项目虽然是相关联的,但是在逻辑上是独立的,可以由不同人或者团队来维护 为什么要用 pnp ......
从0搭建Vue3组件库(三): 组件库的环境配置
本篇文章将在项目中引入 typescript,以及手动搭建一个用于测试组件库组件 Vue3 项目 因为我们是使用 Vite+Ts 开发的是 Vue3 组件库,所以我们需要安装 typescript、vue3,同时项目将采用 Less 进行组件库样式的管理 pnpm add vue@next type ......
ve-plus：基于 vue3.x 桌面端UI组件库|vue3组件库
VE-Plus 自研轻量级 vue3.js 桌面pc端UI组件库 经过一个多月的筹划及开发，今天给大家带来一款全新的Vue3桌面端UI组件库VEPlus。新增了35+常用的组件，采用vue3 setup语法糖开发，在使用上和element-ui比较类似，极易快速上手。 ve-plus 致力数据驱动视 ......
monorepo实践：yarn workspace + vite + typescript + react
前言 最近需要用到多包管理 monorepo 开发新项目，所以提前预研一下项目搭建。 monorepo(monolithic repository)是一种项目架构，就是用一个仓库管理多个项目（应用，库），react和babel的源码仓库都是用这种方式在管理。 优缺点略过，可以参考：精读《Monore ......