邱志刚-CSDN博客

js截取两个字符串之间的内容：var str = "name=qiu&age=18;str = str.match(/name=(\S*)&age/)[1];alert(str);//结果qiujs截取某个字符串前面的内容：var str = "aaabbbcccdddeeefff";tr = str.match(/(\S*)fff/)[1];alert(str);//结果aaabbbcccdddjs截取某个字符串后面的内容：var str = "aaabbbcccdd

2022-05-13 09:41:32 253

原创数据可视化“vue+百度地图+echarts”

1.因项目需求，需要展示大量用户信息在地图上，位置，订单等数据。主要用到技术：vue， echarts4.8，echarts3.2， lib-flexible（做尺寸兼容），dplayer（监控数据流展示），elementUI框架，具体代码不贴了，贴几张图片。需要注意点：注意图层重复渲染，每次重绘时，记得销毁上次绘制的图层。数据处理，当大量数据涌入时，采用分片加载，apendData分批导入数据。监听屏幕·尺寸变化。在这里插入图片描述...

2022-04-22 15:03:44 1739

原创 vue3获取vuex中的对象时为proxy对象，如何获取值

1.最近在学习vue3，记录一些东西，3.2之后更新steup语法糖，简直不要太爽。2.在获取vux里面值时，发现打印下面俩种解决办法。方法一。JSON.parse(JSON.stringify())const ment = JSON.parse(JSON.stringify(store.state.MeunList))方法二import { toRaw } from '@vue/reactivity'var list = toRaw(store.state.menuList).

2022-03-09 16:00:42 1962

原创 H5/vue播放.m3u8视频 dplayer 篇 ‘推荐’

1.因业务需求，对接监控显示自己的系统中。2.前端框架vue3. 监控返回格式m3u8，视频流格式h264，如果视频流格式是h265的建议先把流转换h264。二 vue使用dplayer支持.m3u8的播放器dplayer 官网 http://dplayer.js.org/zh/guide.html安装依赖因为要使用.m3u8所以要添加hls依赖npm install -S hls.jsnpm install dplayer --savehome.vue<template&g.

2022-03-04 14:04:35 7024 1

原创 Vue 播放监控m3u8视频流格式（Video.js）篇

因业务需求，对接监控显示自己的系统中。前端框架vue监控返回格式m3u8，视频流格式h264，如果视频流格式是h265的建议先把流转换h264。4.本篇文章讲解video.js插件播放m3u81. npm安装和引入npm install --save video.jsnpm install --save videojs-contrib-hls2引入对应css我们需要引入videojs的css文件，例如在main.js中引入import 'video.js/dist/video-j..

2022-03-04 13:54:38 6992 7

原创小程序解决图片或者视频下放存在缝隙,以及图片自适应高度。

<view class="bgimage"> <image src="001.png" mode="widthFix"></image></view> // mode="widthFix"，解决小程序图片自适应高度<image src="001.png" mode="widthFix"></image>.bgimage{ width: 100%; image{ wi.

2022-02-25 11:05:42 1612

原创 uniapp 小程序video列表页解决 ios 详情页返回列表页，列表页重载问题。

安卓手机不用考虑，但是在ios系统，会出现详情返回列表，列表页会重载0首先官方推荐video 列表不超过3个video组件，再次我们用image代替video，点击是在切换出video插件。` // 视频插件 <view v-if="item.id == blockId" @click="gotoDetails(item,index)"> <video :src="item.imageAddress" :id="'videoSet'.

2021-12-15 11:08:46 2438

原创解决vue引入BMapGL is not defined

在项目src下添加bmp.js，内容如下：（ak是密钥）// bmp.jsexport function BMPGL(ak) { return new Promise(function(resolve, reject) { window.init = function() { // eslint-disable-next-line resolve(BMapGL) } const script = document.createElement('scr.

2021-06-17 10:03:37 3421 5

原创 uniapp 微信小程序获取手机号/用户授权（最详细）

通过code获取获取openId 和 session_key，小程序获取手机号，要分几步，再次做个记录，希望耐心看完。方法1，通过微信官方接口获取。方法2 通过后台接口获取。这样就获取到了手机号码。

2021-05-20 18:33:15 40497 22

原创 uniapp使用ucharts最新版本2.0

ucharts支持跨端渲染，解决了uniapp图表得痛点，ucharts1版本复杂不友好，直接用ucharts2版本。用HBuilderX直接导入插件项目目录拷贝代码直接飞起来（自定义颜色等其他样式得代码）需要自定义图表得点击这里（在线生成）添加链接描述<template> <view class="lookprice"> <qiun-title-bar title="基本折线区域图"/> <view class="char

2021-05-12 18:12:00 3566 2

原创 element table 金额加千分位，同时保留小数点后俩位

<el-table-column prop="amountRec" :formatter="rbstateFormat" label="金额" min-width="150" ></el-table-column> methods:{ // 金额千分位 rbstateFormat(row,column,cellValue){ if(cellValue !== null){ cellValue = ..

2021-04-28 20:36:59 1322

原创 vue 循环多个相同的echarts图表

轮播图，绘制图表，通过循环展示所有。 <template> <div class="q_swiper2" v-for="(item,index) in refPriceList" :key="index"> <div id="myChart" > </div>

2021-04-13 19:39:05 1299 1

原创计算俩个日期之间相隔多少天。

// 计算俩个时间之间天数 getTime($time1, $time2){ var time1 = arguments[0], time2 = arguments[1]; time1 = Date.parse(time1)/1000; time2 = Date.parse(time2)/1000; var time_ = time1 - .

2021-03-05 11:36:44 421

原创 js 银行卡号四位一空格和去除中间空格

添加空格let val = 62284821482463245;let mont = val.replace(/\D/g,'').replace(/....(?!$)/g,'$& ');// mont = 6228 4820 48...去除空格let val = 6228 4821 4824 6324 5;let mont = val.replace(/\s/g, "")；// mont = 6228482048...

2021-02-02 17:00:10 1196

原创百度地图拖动点获取当前坐标，和位置信息。

copy就能用的，改上你自己的秘钥。安卓手机获取当前定位是不准确的，ios可以，上一篇博客有说怎样获取当前精准定位感兴趣的小伙伴可以去看下获取用户当前位置精准定位亲测有效。<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="

2020-12-11 17:43:48 1306

原创百度地图定位偏差了吗？用微信定位完美解决。

博客好久没更新了，可能是我懒了，也可能是最近太忙了。最近项目中有个需求，需要用到定位来查看用户的位置。于是乎。。。。。成功的流程通过微信定位获取经纬度坐标 ==》拿到坐标后通过百度地图的坐标转换方法，最终获取精准定位显示在百度地图上。百度地图定位，（失败）百度地图api给的文档很清楚，直接拷贝复制，更改成自己的秘钥就可以看到效果了，但是。。。我在福田，你却定到农林*（苹果手机定位是OK的，需求不能满足。需要继续解决。）*，难道是基站问题，疯狂查阅，疯狂百度，没一个方法是OK的，换高德

2020-12-08 11:55:10 2052

原创怎样判断是否为微信浏览器。亲测有效。

在做微信端会牵扯到微信浏览器的环境，网上借鉴案例： getisweixing(){ var wx= window.navigator.userAgent.toLowerCase(); if (wx.match(/MicroMessenger/i) == 'micromessenger') { console.log('是微信浏览器默认走微信') return true; // 是微信端

2020-12-07 17:29:22 1742 1

原创 vue调微信相机，拍照片上传，本地长传微信路径下的图片

项目需求中，需要去掉微信的相机，进行拍照上传，下面是我的一些具体实现代码。重点：1. 需要真机测试，2.域名需要提前去做绑定。需要引入微信外连在index.html中引入。<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>签名效验。把当前项目地址（url）截取下来当作参数去掉后端给的接口。 // 调微信接口 getwechdata(){

2020-08-19 11:48:13 661

原创网页中使用微信授权。

151

2020-08-19 11:33:39 490

原创本地h5页面如何在手机上预览 ---完美实现。

安装node环境。在当前所在项目文件夹下输入命令：npm install anywhere -g运行项目：anywhere此时会弹出一个地址，手机上访问这个地址就可以了。亲测有效。

2020-08-06 14:40:13 3275

原创数组扁平化处理常用的俩种方法。奥利给!

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> </body&gt

2020-07-31 09:51:04 253

原创 vue实现单选按钮

},mounted(){ this.title = this.$route.meta.title; // 导航栏信息},components:{ Navheader,}}

2020-07-22 16:25:58 3755

原创 vue实现上传图片预览，亲测有效

1.` 2.return{ userImg:'', // 头像 } // 第一步 //从相册中上传 upimage1(){ this.$refs.fileInput.click(); }, //第二部预览图片 getFile (event) { const files = event.target.files let filename = files[0].name //只有一个文件 if ( filename.lastIndexOf('.') <= 0 ) { return al

2020-07-22 16:25:06 1323

原创 indexbar 将数组键值转化为字母再通过字母分组，排序。

这段时间需要写一个手机通讯录的功能，后端只给了数据，没有分组，也没有字母分类，下面将实现这个功能。效果图首先新建俩个js文件。pinying.jsexport const pinyin = { 'a': '\u554a\u963f\u9515', 'ai': '\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u

2020-07-22 16:11:36 4939

空空如也

空空如也