D.uccky的博客

生命之光 照亮前路.

微信小程序canvas超出屏幕实现左右滑动的方法

跟所有人的想法相同,第一次使用canvas绘制的折线图,我选择了放在scroll-view 内,在开发者工具上是可以实现滑动的,但是在真机上面发现不能滑动.原因是canvas层级是最高的,后来发现官方文档已经明确说明经过无数种方法的测试,.始终会存在一个问题.就是滑动不流畅.比如通过绑定canva...

2018-07-12 14:17:15

阅读数 5042

评论数 5

微信小程序自定义顶部导航栏(兼容适配所有机型)

在微信小程序中,自定义导航栏的颜色 可以在app.json.  window里面添加navigationBarBackgroundColor属性。 但是颜色只能为十六进制颜色码,不能使用rgb,或者rgba.。 为了满足更多用户的需求,微信官方给出了一个navigationStyle属性。 ...

2018-05-29 18:34:07

阅读数 53462

评论数 18

小程序禁止页面拉动(非禁止小下拉刷新)

在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方。这个时候可以在当前页面的json文件里面,加上"disableScroll": true这个属性,页面就会禁止拉动。但是这里注意的是,在app.json里面写上这个属性并不会生效,一定要在需要禁止的页面...

2018-03-16 13:11:07

阅读数 27648

评论数 7

vue项目执行npm run build 打包出现某些图片,字体,资源文件路径404,无法加载的问题

如图所示: 如果出现如图的错误。首先我们第一步是考虑进入dist文件夹里面的static文件夹 正常情况下static文件夹是非常干净的 如果你发现你的static文件夹出现了多余的img、fonts文件夹等。则可以考虑如下的解决方式。 一般出现这种情况是因为图片过大或者资源文件过...

2018-09-20 17:13:22

阅读数 1101

评论数 2

vue router路由跳转带参数方法以及带参数后无法跳转的问题

在开发项目的过程中,经常会遇到某一个场景. eg:点击某个东西,会进入当前那个东西的详情页. 此时一般的处理方式就是需要获取到当前点击对象的id.跳转到新页面,根据这个id通过网络请求获取到详细的参数. 在vue中.假如我们创建了两个vue文件. 一个Aaa.vue,一个叫Bbb.vue文件. ...

2018-09-04 14:31:29

阅读数 2268

评论数 0

vue自定义底部导航栏Tabbar

如图所示,要完成类似的一个底部导航切换。 首先。我们需要分为5个大的VUE文件。可以根据自己的习惯来放在不同的位置。 我将5个主要的VUE文件放在了5个不同的文件夹 然后,在组件文件夹里新建Tabbar.vue /以及Item.vue文件 Item.vue文件如下 &a...

2018-09-03 11:52:32

阅读数 8418

评论数 6

JavaScript格式化日期时间

/* 获取时间数组-- data(为当前日期) */ function getTimeArray(date) { var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.g...

2018-07-06 11:13:23

阅读数 230

评论数 0

微信小程序图片/视频直传阿里云服务器OSS

阿里云官方文档:https://help.aliyun.com/document_detail/31925.html?spm=a2c4g.11186623.6.634.AMs4Fj第一步(需要由后台提供接口,前端获取一些必要参数) oss: function(token) { ...

2018-06-19 15:08:41

阅读数 3371

评论数 4

微信小程序Canvas绘制圆形图片

<canvas canvas-id="myCanvas"/> //获取设备的信息 let mobile = wx.getSystemInfoSync(); //获取设计图纸换算比例(用于自适应所有屏幕) let ...

2018-06-12 14:37:54

阅读数 5759

评论数 1

手机百度APP H5网页position:fixed属性失效. DIV结构被自动隐藏

如下图,在很多H5活动页都会有一个固定在底部的下载按钮,由于有设计好的字体,为了方便,通常会选择用一个图片放在div里面,再对div使用position:fixed属性. 但是由于手机百度APP里面有一个功能,叫做自动屏蔽广告.由于大多数的网页广告都才用这种展现的形式.所以,他们会把这个按钮当做广...

2018-05-28 15:43:30

阅读数 1675

评论数 0

鼠标移入图片变成碎片/移出图片复原动画效果

图片外面只需要一个包裹的div<div class="box"></div>.box{ width: 640px; height: 640px; margin: 0 a...

2018-05-05 20:53:37

阅读数 334

评论数 0

微信小程序用户拒绝授权的官方推荐处理方法

小程序开发中,现在一般都需要获取微信用户信息,如头像/名字等.这样在用户第一次进入小程序时,微信端会弹出一个是否同意授权的消息提示框.但是如果用户第一时间点击了拒绝,或者用户手误点击了拒绝,如果没有了后续的操作,可能你的小程序就不能使用了,也就会失去这样一位用户.所以,微信官方推荐了一个方法,就是...

2018-04-08 18:55:06

阅读数 1765

评论数 1

Swiper常见用法/问题(滑块滚动方式/点击之后停止自动滚动等问题)

如上图所示:如需要这样的样式在html中写入<div class="swiper-scrollbar"></div>JS中 var swiper3 = new Swipe...

2018-04-08 17:41:19

阅读数 6291

评论数 3

微信小程序引入wxs文件,根据后台返回数值前端展示不同的文字或颜色.

如图所示,当后台返回的状态status 为 0,1 ,2,3 时。前端展示为图上所示,使用微信的wxs文件的方法将使其变得更加简便新建一个wxs文件,例如function status(id) { var statusJson = {}; var x = "&qu...

2018-03-19 10:53:17

阅读数 3140

评论数 4

关于微信小程序下拉刷新,真机测试不弹回的处理办法

onPullDownRefresh: function() { this.myRecordingA(1,answerUrl); wx.stopPullDownRefresh(); }, //myRecordingA 为自己定义的函数,作为刷新时请求服务...

2018-03-16 15:47:10

阅读数 9420

评论数 2

JS在一定范围内取出一定的不重复随机数

//循环创建一个数组的函数 function randomArr(maxcount){ var arr = []; for(var i=0;i<maxcount;i++){ arr.push(i) } return arr; } var arr...

2018-03-02 15:49:02

阅读数 2553

评论数 0

微信小程序文字滚动卡顿的解决办法

目前,针对微信小程序,文字滚动的效果。传统使用定时器,改变px像素点。是会出现卡顿的情况的,动画会非常不流畅。这里建议的是使用css3动画。但是有一个点需要注意的是,就算是使用CSS3属性,我们也不能去更改bottom、top、margin、padding、等值来产生位移。 这些方法都会看起来有一...

2018-02-11 09:27:25

阅读数 4281

评论数 0

关于(QQ、微信、微博等)的前端分享处理,以及百度地图的调用

百度分享(微信、微博、QQ、豆瓣等链接的分享写法)HTML:<div class="bdsharebuttonbox"> <a href="##" cl...

2018-02-10 16:53:40

阅读数 219

评论数 0

关于微信端打开网页,不支持第三方的微信支付的问题

目前,在关于微信端打开网页,是不支持第三方的微信支付的。就像在支付宝打开页面,不支持微信支付的解决办法一样。通常采用这样的提示方法

2018-02-10 14:15:08

阅读数 1340

评论数 0

关于H5页面点击a标签拉取QQ临时对话的问题

<a href="http://wpa.qq.com/msgrd?v=3&uin=xxx&site=qq&menu=yes">&l...

2018-02-10 14:10:40

阅读数 2142

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭