- 博客(52)
- 收藏
- 关注
原创 vue小程序跳转页面携带参数
onLoad里面接收页面地址携带的参数,转为json对象。前一个页面:跳转的方法里把数组转成字符串。2.同上(可以试一下)
2024-04-12 16:15:50
325
原创 解决IOS下window.open打不开链接的问题
/android终端。ios下使用window.open会失效,安卓可以,所以使用以下方法判断设备类型是ios还是安卓,使用不同的链接打开方式。if(isAndroid) { //android终端。}else if(isiOS) { //ios终端。
2023-09-20 14:44:51
1158
原创 公众号h5页面跳转到小程序
前言:最近做了一个公众号的首页,首页由一个模块需求是点击跳转到小程序,于是翻阅了资料,需要用到公众号的一个开放标签: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
原创 关于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
原创 element日期范围选择器范围控制
<el-date-picker v-model="week" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" size="small" value-format="yyyy-MM-dd" :clearable="false" :editable="false" :picker-options="pickerOptions"
2020-08-14 10:59:06
611
原创 element月份选择器范围做限制
<el-date-picker v-show="value=='month'" v-model="month" type="monthrange" range-separator="至" start-placeholder="开始月份" end-placeholder="结束月份" value-format="yyyy-MM" :clearable="false" :editable="false" :picker-options="pickerOptionsM
2020-08-14 10:52:40
2419
原创 关于echarts横轴展示不全使用滚动条(dataZoom)的方法和注意点
最近的项目需要用到echarts图表来渲染数据,横轴的数据呢,是不固定,根据选择日期去筛选的,最大长度选择180天,要是真的有用户选择了180,那不就炸了,就算再大的电脑,横轴也展示不下啊。所以echarts官网给了一个解决方案,就是有内置的滚动条,dataZoom.那么我就来说说,如何很好的使用这个滚动条首先,先上代码dataZoom: [ { orient: "horizontal", show: this.zoomShow,//控制滚动条显示隐藏 re
2020-08-14 09:56:05
5699
原创 关于echarts数据变化残留数据问题
利用echarts加载图表的时候,当你切换图表的查询条件的时候,会发现有上次数据残留,所以这时候需要clear以下图表,再重新加载就好了let barV = this.$refs.banlishixiaoPeople; this.chartBar = echarts.init(barV); this.chartBar.clear();//主要是这行代码 this.chartBar.setOption(option);...
2020-08-04 16:50:18
2142
原创 关于echarts tooltip显示数据问题
这里我们的需求是在tooltip里显示后台给的多条数据,所以tooltip里面的formatter里的数据就得自己放进去,我这里是放进了series里data里面,然后在formatter里面去取的if (bankNameArr.length == 1) { let series = []; let num = 0; bankNameArr.forEach((ele) => { let yData = []; for (let i = 0; i
2020-07-29 14:06:50
4314
转载 html5手机端页面缩放问题的解决
通常在写HTML5手机端页面的时候,我们会发现页面所显示元素的比例不正确,那此时我们需要添加的就是:或者是那么我们来对这句话解释一下就是:viewport : 表示的是显示窗口;width=device-width,initial-scale=1.0 : 表示的是显示窗口的宽度等于设备的屏幕宽度,initial-scale=1.0,即初始的缩放比例为1.0;minimum-scale : 表示的是允许缩放的最小比例maximum : 表示的是允许缩放的最大比例user-scalable :
2020-07-06 15:15:15
715
原创 git 远程仓库和本地代码冲突解决方案
编码生涯中,用到的代码管理工具一个是svn,一个是git,由于是新手,所以用起来不是太顺手,当遇到远程仓库和本地代码冲突的时候,可以用一下命令来解决1.git add .2.git commit -m ‘’,3.git pull4.去代码编辑器解决冲突的文件,这里暂时没图,后续有图会补上5.git add .6.git commit -m ‘’,7.git push这里说一下,在解决完冲突的文件之后一定要再提交代码到暂存区一遍,然后在push,ending!!!...
2020-07-03 18:15:34
811
原创 解决:ECharts数据更新后,图表没有更新的问题
问题:ECharts图表数据我们都是从后台获取,点击查询重新获取数据时发现图表没有刷新原因:代码 myChart.setOption(option);setOption有3个属性,setOption(option,notMerge,lazyUpdate);第二个notMerge默认为false,即默认合并两个数据解决:设置为truemyChart.setOption(option,true);————————————————版权声明:本文为CSDN博主「陈暗暗」的原创文章,遵循CC 4.0 B
2020-06-29 17:46:47
5268
1
原创 关于vue项目hbuilder打包成安装包之后,连不上后台服务的问题
大家都知道,vue项目打包成安装包,是用hbuilder进行一系列操作之后,可以打包成安卓手机的安装包,但是打包之后连不上服务,是个很头疼的问题这个就和你的http请求那里,开发环境和生产环境在配置的时候有关联这里是区分开发环境还是生产环境,我们这个项目是生产环境需要用到线上服务,所以需要在这里配置一下,之后再打包就是ok的,手机安装一下就可以登录了http.adornUrl = (actionName) => { // 非生产环境 && 开启代理, 接口前缀统一使用[
2020-06-21 11:50:49
2758
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人