missGril-CSDN博客

前言：最近做了一个公众号的首页，首页由一个模块需求是点击跳转到小程序，于是翻阅了资料，需要用到公众号的一个开放标签：wx-open-launch-weapp公众号h5页面跳转小程序呢，需要先关联下小程序，然后获取小程序原始id，还有配置JS接口安全域名等一系列操作，百度下就能搜到。注意：使用浏览器或者微信开发者工具调试wx-open-launch-weapp开发标签都不会显示，只有在真机中才会有效果(前提还是config接口注入权限验证配置通过)。使用wx-open-launch-weapp开放标签

2022-05-13 11:32:21 2599

原创 jqGrid列表禁用排序

管理后台开发使用的是jaGrid插件，插件自带的有排序功能，但开发中不需要，所以把不需要排序的列禁用掉具体写法是$("#jqGrid").Grid({ url: '../closePark/list?type=1', colModel: [ {label: ', name: '', sortable: false,width: 100}, {label: '', name:'', sortable: false,width:

2022-05-13 10:51:07 946

原创 flv实现视频实时监控

实时视频播放

2022-03-16 20:33:01 878

原创关于mpvue小程序div盖不住图片的问题

最近用mpvue开发了一款小程序，页面设计是这样的，最上面是banner图，下方是content，content要盖住一点banner的图片，问题是图片会下方div的白色背景，小程序又不支持background-image的，所以我用定位解决了这个问题，接下来先看下设计图的样式要完成的效果就是上方红色那块。接下来看代码：大概的html是这样的，由于代码太多，截图更方便快捷大概介绍下，container-home里的content要盖住banner里的image(也可以说是盖住banner),所以

2022-03-13 18:24:11 558

原创微信h5页面打开微信内置地图及wx.openLocation回调成功调不起页面的问题

先说下需求吧，我们的需求是通过一个经纬度，然后打开微信内置的地图页面代码如下：//导航到停车场 gogogo() { //获取当前页面url //var url = location.href.split('#')[0]; // alert(11111) // window.location.href = // "https://apis.map.qq.com/uri/v1/marker?marker=coord:30.595810

2021-11-26 14:26:29 4853 2

原创 H5页面支付宝扫码拉起支付宝支付

我这里是微信公众号的项目，其实也可以单纯的看成是一个h5页面，因为支付宝扫码后跳转的也就是一个页面地址，需要支付宝扫码拉起支付宝支付，需求明了，接下来就是步骤了第一步，扫码成功之后跳转页面需要先获取用户的code(用户授权),需要先引入支付宝的js文件，我是在app.vue，index.htm，当前页面也引了（我没测是在哪个页面起的作用，所以都加了）<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/ali

2021-07-20 14:38:47 4999 1

转载 vue项目中清除定时器（清除定时器不成功）

首先确认< router-view >外层是否有包裹了一层< keep-alive >如果有包裹：<template> <div> <keep-alive> <router-view /> </keep-alive> </div></template>在data中：data () { return { timer: null // 定

2021-05-19 10:03:06 3612

原创 vue 中使用小程序下拉刷新

在写小程序的时候，当我们用vue框架的时候，有些页面需要用到下拉刷新的方法，如果你只是某一个页面需要下拉刷新，则需要在这个页面的json进行开启下拉刷新的配置 "enablePullDownRefresh": true,//开启页面下拉刷新 "backgroundTextStyle": "dark"//设置下拉刷新的三个点，默认白色如果是整个项目的所有页面需要，则需要在app.json的window中进行上述配置。由于我这里项目只有一个页面需要，所以我只进行了单页面的配置，所有页面的未配置，也未

2021-05-14 09:58:29 552 1

转载 echarts四分之三环形数据超出75%溢出的问题

问题最近在做h5报告的时候使用到了里面的3/4环形图,看上去是这样的看上去没毛病,但是当你的某一条数据占的比重超过75%,进度条将会溢出3/4的区域.如下图在这里插入图片描述这样就会覆盖文字部分,那么怎么解决呢?其实主要问题就是在数据处理的问题上,下图1表示有颜色进度条的占比,2表示没有总数据减去有数据的占比,也就是透明的位置;但是这里的总数指的是整个圆的总量,并不是3/4个圆,因此但数据量占比超过3/4的时候会出现溢出的情况.所以只要将这里的value改一下就可以了,其实只要将3/4看作是整

2021-05-11 10:21:39 1173

原创 element Popover 弹出框循环列表控制显示和隐藏(非表格)

弹出框两个需求，第一是列表模块只能有一个模块弹框显示。第二是点击同一个模块进行显示和隐藏文字描述可能不太恰当，看图如图，在图片上点击第五个模块，出现此模块的弹框，再次点击其他模块，此模块的弹框消失接下来上代码：<div class="park-right"> <el-popover placement="top-start" title="车位信息" width="250" trigge

2021-04-27 14:28:33 2610 3

原创 vue中使用keepAlive缓存页面及记忆上次浏览位置，并刷新页面

平时业务开发中，列表页面是很常见的，而列表页面有一个很常见的需求就是要缓存整个页面，而且还要记住列表的滚动位置，当点击某个列表项进入详情页，再返回到列表页面的时候，要能够回到原来的滚动位置。上面的需求我相信业务开发人员基本都碰到过，那么在 vue 中，这个需求要怎么实现呢，这票文章就来说一下，在实现这个功能的过程中，还有几个需要注意的点后面也会说到。一，用 keep-alive 实现路由缓存在 vue 项目中，要想实现缓存功能，有一个很简单方便的方法就是使用 keep-alive 组件，ke...

2021-04-22 16:28:46 7874 4

转载 js 将毫秒数转换为时分秒

function formatDuring(mss) {var days = parseInt(mss / (1000 * 60 * 60 * 24));var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));var minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));var seconds = (mss % (1000 * 60)) / 1000;

2021-04-22 10:17:41 11307

原创本地启服务步骤

1.(cmd或者编辑终端打开)安装cnpm i http-server -g2.找到html页面所在目录，http-server 启动3.路由器分配的ip链接打开就是了

2021-01-29 11:53:27 215

原创 H5获取用户经纬度

H5获取用户经纬度获取经纬度var x=document.getElementById(“demo”);var x2=document.getElementById(“hideval”);function getLocation(){ //检测是否支持地理定位如果支持，则运行 getCurrentPosition() 方法。如果不支持，则向用户显示一段消息。　　if (navigator.geolocation){//如果getCurrentPosition()运行成功，

2021-01-29 11:49:53 583 1

转载修改html页面的title,可以自定义

title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName(“title”)[0]来获取网页的title标签,但却无法用document.getElementsByTagName(“title”)[0].innerHtml用更改它的值。经测试原生js有两种方式可以修改，jQuery中也能简单设置。不清楚的小伙伴们可以了解一下。innerText 方式通过console.log(document.getElementsByTagName(“title

2021-01-26 16:32:52 2265

原创小程序 mpvue page “xxx“ has not been registered yet

新增了几个页面，改了下目录结构，就开始报这个错。重启了几次不管用，google 一番也无果。灵机一动试一下 buildnpm run buildbuild 版本没报错，OK然后 npm run dev至此，没再报错了。

2020-12-15 10:45:53 199

转载密码6-20位，包含数字，字母，下划线，且必须包含其中两种

密码6-20位，只允许字母、数字、下划线其中两项能匹配的组合为：数字+字母，数字+特殊字符，字母+特殊字符，数字+字母+特殊字符组合，而且不能是纯数字，纯字母，纯特殊字符let reg=/^(?![\d]+$)(?![a-zA-Z]+$)(?![^\da-zA-Z]+$).{6,20}$/1上面的正则里所说的特殊字符是除了数字，字母之外的所有字符如果要限定特殊字符，例如，特殊字符的范围为 !#$%^&* ，那么可以这么改let reg=/^(?![\d]+$)(?![a-zA-Z]+$

2020-11-25 10:29:11 30199

原创关于echarts双y轴刻度线对齐的问题

如果是两条数据，两条y轴，加上以下代码即可 option.yAxis[0].max = Math.ceil(Math.max.apply(null, option.series[0].data) / 5) * 5; option.yAxis[0].interval = Math.ceil( Math.max.apply(null, option.series[0].data) / 5 );

2020-11-10 11:28:09 1934

原创国际标准日期转换为时分秒

var now = new Date(); var nowTimeStr = getTimeFromDate(new Date(now.getTime() - 1000));//现在的时间//时间转换为:12:23:34 var getTimeFromDate = function (date) { return date .toTimeString() .slice(0, 8) .

2020-10-27 17:29:14 713

原创 echarts图表不显示或设置字体样式不生效，可能存在的问题

echarts图表不显示可能存在以下问题：1.图表所在容器没给设定宽高2.图表容器id获取不对3.控制台报错目前所遇到的不出现的问题，仅发现这几个，欢迎评论区补充！！！

2020-10-27 14:07:09 6779 5

原创记录一下，关于this.$refs.$parent的算法和定义

在一篇代码里，除了根部的div，里面的div都不算是$parent,截图说明一下此仅代表个人观点，也亲自测试过，如有不对，欢迎指教

2020-08-27 10:06:50 430

转载关于父子组件传值

Vue子组件调用父组件的方法Vue中子组件调用父组件的方法，这里有三种方法提供参考第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法父组件复制代码复制代码子组件复制代码第二种方法是在子组件里用$emit向父组件触发一个事件，父组件监听这个事件就行了。父组件复制代码复制代码第三种是父组件把方法传入子组件中，在子组件里直接调用这个方法父组件复制代码

2020-08-27 09:56:58 67

原创 ios系统 echarts图表提示框tooltip被自己图表覆盖的问题

造成标题问题的原因是因为在ios系统上，css overflow属性和echarts图表z-index冲突，这是ios上的一个Bug，页面设置了overflow属性，z-index就会失效，图表上的图形就会覆盖tooltip.对此，针对这个问题，有两个解决方案：1.页面不设置overflow属性，但是这个不太可行，因为实际情况页面会有需要滚动条的情况，所以这个方法需根据实际情况来使用。2.在tooltip上设置position,强行把图表上的overflow属性给去掉，亲自证明，此方法可行，下面贴上代

2020-08-25 17:58:32 1204 1

空空如也

空空如也