超好用的前端全屏插件:vue-fullscreen 官网:vue-fullscreen安装 npm install vue-fullscreen 引入 import VueFullscreen from ‘vue-fullscreen’Vue.use(VueFullscreen) 使用1234567891011121314151617181920212223242526272829303132333435363738<template& 前端插件使用 #vue-fullscreen
项目引入腾讯QQ的登陆 使用文档:https://wiki.connect.qq.com/js_sdk%e4%bd%bf%e7%94%a8%e8%af%b4%e6%98%8e 引入QQ提供的依赖:https://connect.qq.com/qc_jssdk.js 代码: 12345678910111213141516171819<!DOCTYPE html><html> <head&g 前端插件使用 #QQ登陆
高德地图鼠标经过点标记显示信息窗体 创建点标记: 实例化信息窗体 放入鼠标移入/移出事件 源码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445// 获取站点getData() { api.stationMap(this.params).then((res) => { 前端插件使用 #高德地图
vite+vue3初始化项目 node环境 14.18+,16+。最好是16+ 初始化项目执行 npm create vue@latest 就是基于vite构建的命令了 如果是第一次执行会询问安装vite: 其他情况会出现: 所有选择: 目录结构介绍基本和vue2一个意思 vite.config.js文件如同vue2中的vue.config.js文件,用于配置项目的 安装依赖1npm install 启动项目1n vue3 #vue3
vite+vue3 配置自动按需导入element-plus 安装element1npm install element-plus 自动导入安装自动导入的插件: 1npm install -D unplugin-vue-components unplugin-auto-import 配置vitevite.config.js文件: 1234567891011121314151617import { defineConfig } fro vue3 #vue3
vite+vue3配置Gzip打包压缩性能优化 安装依赖1npm install vite-plugin-compression -D 使用依赖123456789101112131415import viteCompression from 'vite-plugin-compression'import { defineConfig } from 'vite'import vue f vue3 #vue3
vite+vue3配置环境变量 首先在项目根目录添加环境文件,比如有测试环境 环境说明 .env:所有环境都会加载 .env.development:开发环境加载 .env.production:生产环境加载 .env.test:测试环境加载 语法说明 变量名 = 值 例如通用环境: 取环境变量1console.log(import.meta.env); 输出看看有啥,取就完了。 如果想要在index.html读 vue3 #vue3 #环境配置
vite+vue3项目采用ejs语法配置cdn引入在线依赖 采用ejs的方式 安装语法依赖1npm install vite-plugin-ejs -D 配置暴露数据vite.config.js文件: 12345678910111213141516171819202122232425262728293031323334353637383940414243import { fileURLToPath, URL } from ' vue3 #vue3
echarts实现中国地图下钻进入下一级行政区(地图钻取) 获取geo数据: 可以使用node爬虫获取数据 最好多爬几遍,因为有时候会获取错误 实现逻辑拥有geo数据后 请求geo数据 注册地图 registerMap 配置echarts 增加事件监听(点击事件) 如果点击了,回到第一步。功能就是循环以上4步逻辑 echarts实现html1<div ref="echarts-dom" class="echart vue2 > 拿来主义 #vue2