S_m_r-CSDN博客

原创 Grafana 定制化修改汉化Grafana

Grafana的定制开发和汉化操作

2022-04-25 16:03:34 8677 19

安装软件1，Git, 在Git官网上https://git-scm.com/download/下载安装包（平时使用的版本呢即可）git 2.34.0. 我用的2，NodeJs,可以选择使用最新的稳定版本，在http://nodejs.cn/download/下载NodeJS， v14.19.1 我用的3, GO 版本 *ps: 我这里从github下载的8.2.0 里面go.mod文件提到的go版本是1.17，所以我们这边下载的话是下载1.17版本的go。* **最好保持版本一致** http

2022-04-24 17:30:39 3435 20

原创 vue实现IP输入

实现原理实现原理是用4个文本框拼到一起，中间加一个点样式，再加上对于内容的限制为0-255。需要注意的是：组件内部使用的props: [‘value’], value格式是数组所以在页面获取数据的时候如果后台是字符串需要转换成数组方可使用展示效果组件代码<template> <ul class="ipAdress"> <li v-for="(item,index) in ipAddress"> <input ref=

2022-01-14 17:33:37 1524 2

原创 echarts5.0 动态柱状图不用调接口不用jQuery舒适应用

*代码展示数据动态增加 *这是echarts5.0的新增的图表主要的动态排序属性是 series 里的 realtimeSort: true, 所以很重要的一点事在项目引入的时候必须引入echarts5 npm i echarts@5.0.2 这很重要在main.js引入 **注意 ** 引入的话要这样写和echarts4 不一样很关键//引入echartsimport * as echarts from 'echarts'Vue.prototype.$e.

2021-07-15 15:54:12 1095

原创引用百度地图做的导航路径

引用百度地图做的导航路径*主要有的功能为输入地址进行导航 ***用的话修改好自己的百度地图key 还有你的目的地改一下就可以直接用也添加了单击事件适用于移动端 **这是模糊查询下面引入代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

2021-06-10 15:10:26 297 4

原创 jQuery简单实现数字滚动在原数字基础上增加

这个功能比较简单主要用作的后台管理系统的一些数据显示,可以用来装逼用效果如下:可以点击修改滚动的数字代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte

2021-04-30 08:47:45 384

原创 js h5 上传压缩图片

h5上传压缩图片首先我是在用uni 进行h5页面开发 uni.chooseImage 有一个属性 sizeType 但是不支持h5 所以我们只能用比较麻烦的方法.下面介绍我使用的方法首先我们这边上传图片的接口传入的blob格式 ex:blob:http://localhost:8080/f8c98be7-613c-400c-b973-6a87e6c5bd3c后台返回的是线上的地址图片我所使用的办法在这里给大家介绍一下是通过uni.chooseImage 获取的blob图片格式转

2021-04-27 10:01:33 876 1

原创 vue h5 车牌键盘输入插件

接下来带大家用一个键盘输入车牌号的的使用看下效果图首先在compoents里引入写好的插件<template> <view class="keyboard-wrap" v-if="kbShow"> <view class="head"> <view class="done" @tap="done"> 完成 <text class="iconfont iconxiala-"></text> </v

2021-03-24 20:58:53 4273 22

原创 uni开发手写板功能弹框完整代码舒适应用!!!

成品展示如上图所示首先在项目的componts文件夹里引入cc-signature.vue```javascript<template> <view v-if="canvasVisiable"> <view class="canvas-container"> <canvas canvas-id="canvas" id="canvas" :disable-scroll="true" style="width: 100%; height: 200p.

2021-03-15 16:04:45 664

原创 m3u8视频格式在vue中如何实现实时直播

m3u8视频格式在vue中如何实现实时直播在这里,先说明一个坑videojs 使用m3u8视频格式有点问题问题在于他视频在实时播放五六秒后会自动暂停,也可能有解决办法,凡事我没有找到,如果有大佬有办法,麻烦给我留言 ,谢谢首先,引入 flv.jsnpm install video.jsnpm i videojs-contrib-hls -S在main.js中// 引入直播视频import 'video.js/dist/video-js.css’直接上代码在直播的vu

2021-03-05 17:42:13 933 4

原创 uni h5与原生交互的方式

原生ios 安卓与h5交互的方式在我使用uni-app开发app的时候在原生的框架里嵌入了h5的页面这个时候就出现新的问题就是原生页面跳转h5, h5跳转原生界面等一些问题,我在这里做了整理这种跳转是我们在使用原生的导航栏, 但是页面是h5 所以就需要不用的跳转方式1, 首先引入在common文件夹里引入写好的js文件`import Vue from ‘vue’;(function(global, factory) {typeof exports === ‘object’ &amp

2021-01-19 11:48:13 4822 15