举止优雅的猪的博客_数据可视化,前端,vue

TypeScript学习

TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代一个超集，主要提供了类型系统和对 ES6+

typescript

javascript

泛型

原创 2022-06-27 16:18:57 75 阅读

Vue使用qrcodejs2实现二维码生成

qrcodejs2-npm:https://www.npmjs.com/package/qrcodejs2安装npm i qrcodejs2组件中使用<template> <div style="width: 100

vue.js

前端

二维码

封装

html

原创 2022-06-27 16:18:49 1088 阅读

Vue集成three.js，并加载glb、gltf、FBX、json模型

最近刚开始做的一个项目，后面有个模块要通过three.js实现3D的场景，因为之前也没接触过3D这块，就

前端

加载

ide

json

原创 2022-06-27 16:18:36 3450 阅读 1点赞

Vue中动态加载SVG文件并绑定事件、修改节点数据

大致的流程是这样的：实现这个需求是首先通过一个工具（drawio）去自定义绘制图形，然后

vue.js

javascript

前端

xml

d3

原创 2022-06-27 16:18:00 2397 阅读 2评论

js随机生成六位数

// 随机生成六位数 function getRandomSixNum() { let RandomSixStr = '' for(let i =th.floor(Math.random()*10)) } return Number(RandomSixStr) }, Math.ran...

javascript

ecmascript

取整

i++

取绝对值

原创 2022-06-27 16:17:52 611 阅读

大屏适配解决方案 VUE

最近在做一个数据可视化的项目，整个项目全是大屏展示，期间也是遇到很多问题，最令人头疼的就

vue.js

前端

数据可视化

加载

html

原创 2022-06-27 16:17:48 3099 阅读 1点赞

VUE使用mqtt

1.安装依赖npm install mqtt --save2.项目按需引入import mqtt from 'mqtt'3.使用<template> <div> {{ null const options = {

vue.js

前端

配置文件

发送消息

重传

原创 2022-06-27 16:17:41 386 阅读

js中的Object.defineProperties

Object.defineProperties() 方法直接在一个对象上定义新的属性或修改现有属性，并返回该对象。语法Obj

javascript

描述符

赋值

函数返回值

原创 2022-06-27 16:17:36 152 阅读

vite2 + vue3 中 vue-router4 基本使用(路由基本配置)

1.安装npm install vue-router@42. vite.config.js（配置别名）import { defineConfig } from 'vite'import vue from '@vit

前端

vue.js

设置别名

官网

html

原创 2022-06-27 16:17:31 1422 阅读

vite2 + Vue3中axios的封装，代理

开始之前先说一下，process这个东西是nodejs中内置的，而且不需要require引入，vue2中我们可以通过process.enva.en

vue.js

ios

环境变量

服务器

原创 2022-06-27 16:17:25 971 阅读

vite2 + Vue3中Vuex4的基本配置

1. 安装npm install vuex@next --save2. src 下新建 store/index.jsstore/index.jsimport { createStount: 0 }, mutations: { updatecount(state,val) { .

vue.js

前端

官网

html

语法糖

原创 2022-06-27 16:17:19 128 阅读

Fabric.js的学习

简介Fabric.js - 一个强大的 Javascript 库，它让使用 HTML5 画布变得轻而易举。Fabric 为画布提供了

学习

javascript

前端

ico

图层

原创 2022-06-27 16:17:12 444 阅读

echarts地图示例

地图比普通的echarts多了一步需要注册，就是要引入某个地区的json文件各个地区

前端

json

缩放

提示框

原创 2022-06-27 16:17:04 733 阅读

vue使用西瓜播放器

先上两个网址xgPlayer-npm：https://www.npmjs.com/package/xgplayer西瓜播放器示例：https://v2.h5player.

前端

ide

封装

初始化

原创 2022-06-27 16:16:55 1779 阅读

VueCli3集成Cesium

1. 简介Cesium是一个地图可视化框架，只是支持三维场景<渲染三维地球>Cesium中的图层分为两种：一种 <

前端

ide

图层

html

原创 2022-06-27 16:16:51 296 阅读

Vue集成高德地图

高德地图官网：https://lbs.amap.com/地图jsapi2.0https://lbs.amap.com/api/jsapi-v2/docu

前端

3d

ico

控件

原创 2022-06-27 16:16:45 832 阅读

Vue使用百度地图

百度地图开放平台https://lbs.baidu.com/index.php?title=%E9%A6%96%E9%A1%B5javaScript APIhttps:/

前端

百度地图

php

开放平台

原创 2022-06-27 16:16:39 258 阅读

Vue2实现Vue3中的Teleport传送门，【应用场景：实现B站视频播放效果】

在Vue3中<Teleport>是一个内置组件，使我们可以将一个组件的一部分模板“传送”到该组件的 DOM 层次结构之外的

前端

vue

ide

视频播放

插槽

原创 2022-06-27 16:16:34 894 阅读

和风天气获取天气情况

和风天气api（实时天气）https://dev.qweather.com/docs/api/weather/weather-now/控制台h

前端

多语言

json

数据

原创 2022-06-27 16:16:25 1016 阅读

Vue使用vue-pdf实现PDF文件预览

vue-pdf npm文档https://www.npmjs.com/package/vue-pdf先看下效果安装npm install vue-pdf页面按需引入并注册<script>import Pdf from "vue-pd

前端

vue

加载

顺时针

宽高

原创 2022-06-27 16:16:19 2684 阅读 1点赞 1收藏

Vue使用基于element-ui的el-tree-fransfer树形穿梭框组件

el-tree-fransfer 是一个基于 VUE 和 element-ui 的树形穿梭框组件，使用前请确认已经引

vue

二级

数据

github

原创 2022-06-27 16:16:13 1139 阅读

关于Vite不能使用require问题

咱们在vue2中是不存在require is not defined问题的，那是因为webpack帮我们解决了，开发时在内部对其了转换为什么非要使用

vue

字符串

github

搜索

原创 2022-06-27 16:16:06 4157 阅读

m3u8测试链接

【分享】最近在研究m3u8，给大家贡献一个测试链接分类：vuem3u8https://vkceyugu.cd

vue.js

html

转载 2022-06-27 16:15:40 5762 阅读

js中常用的数组方法

/* * join() -> 转为字符转 * push() -> 从后面追加 * pop() -> 从

javascript

前端

数组

对象数组

字符串数组

原创 2022-06-27 16:15:35 96 阅读

js中Object构造函数的方法

还是直接列举一下，方便百度 /* * Object.assign() -> 通过复制一个或

javascript

前端

数组

数据

可扩展

原创 2022-06-27 16:15:32 74 阅读

js字符串常用方法

/* * split() -> 将字符产切成数组 * slice() -> 截取包前不包后 *

javascript

前端

字符串

子串

指定位置

原创 2022-06-27 16:15:28 67 阅读

数据可视化常用网站

做大屏经常用到的组件库、链接

前端

vue

json

html

apache

原创 2022-06-27 16:15:24 157 阅读

js事件对象中的七种坐标

1、 .clientX .clientY //相对于用户浏览器的左上角的xy坐标 //也就是窗口坐标，不包括工具栏、滚动条2、

javascript

鼠标移动

工具栏

相对坐标

原创 2022-06-27 16:15:20 107 阅读

使用fetch获取当前天气情况

前言fetch是基于promise的设计，为了取代传统的ajax而生。我觉得最大的优点就是返回

javascript

前端

开发语言

json

html

原创 2022-06-27 16:14:02 193 阅读

奇葩数据处理（转树形结构）

调了一个后端的接口返回的数据是这样的：开始我以为直接遍历展示就好了，他跟我说这个是树形结构。。。哪里像树形？？？后端不处

javascript

数据

树形结构

原创 2022-06-27 16:13:57 122 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb62b5ae8ea2cad的博客

TypeScript学习

Vue使用qrcodejs2实现二维码生成

Vue集成three.js，并加载glb、gltf、FBX、json模型

Vue中动态加载SVG文件并绑定事件、修改节点数据

js随机生成六位数

大屏适配解决方案 VUE

VUE使用mqtt

js中的Object.defineProperties

vite2 + vue3 中 vue-router4 基本使用(路由基本配置)

vite2 + Vue3中axios的封装，代理

vite2 + Vue3中Vuex4的基本配置

Fabric.js的学习

echarts地图示例

vue使用西瓜播放器

VueCli3集成Cesium

Vue集成高德地图

Vue使用百度地图

Vue2实现Vue3中的Teleport传送门，【应用场景：实现B站视频播放效果】

和风天气获取天气情况

Vue使用vue-pdf实现PDF文件预览

Vue使用基于element-ui的el-tree-fransfer树形穿梭框组件

关于Vite不能使用require问题

m3u8测试链接

js中常用的数组方法

js中Object构造函数的方法

js字符串常用方法

数据可视化常用网站

js事件对象中的七种坐标

使用fetch获取当前天气情况

奇葩数据处理（转树形结构）