xiaoqiangbigbrother-优快云博客

原创微信小程序canvas生成图片保存到本地部分全面屏手机显示出生成的图片

问题总结： 1，canvas生成的图片隐藏不了（下文解决） 2，网络图片开发工具显示但是真机显示不了（下文解决） 3，canvas生成的图片清晰度问题 jpg （图片的质量，目前仅对 jpg 有效。取值范围为 (0, 1]，不在范围内时当作 1.0 处理） 4, 图片等比例根据规定最大尺寸进行缩放保证原图能在规定区域显示完全（我们的需求也有要截取图片部...

2018-11-07 16:22:57 6539

原创 window之top属性

意义：返回最顶层的先辈窗口。使用场景：加入有很多个iframe嵌套的时候，你要获取最外面一个document的方法或者dom元素。可以使用这个方法。

2018-10-25 09:33:29 2834

原创微信小程序 PullDownRefresh下拉刷新或者onShow切换页面请求或者频繁请求swiper里面元素不显示

问题描述：微信小程序中，有个业务场景是下拉刷新重新请求轮播图和下面的商品，我用小程序自带的swiper组件和PullDownRefresh下拉刷新，我在后台上架一个商品然后下拉刷新，1次是可以的，2次是可以的。频繁上架下架然后轮播图区域就显示不出来了。故障图：真机调试如图：最终解决方法：swiper有一个current属性，因为我的swiper-item是动态生成的，频繁的...

2018-09-04 17:20:01 2721

背景：我做的是一个现场活动的游戏页面，对前端适配要求比较高。我选择js框架是vue,ui框架是element-ui。当初我就想做个最小宽度1200然后再结合媒体查询一起使用。然而发现写的代码太多了感觉css控制特别麻烦。而且现场活动的电脑屏幕尺寸还特别的千奇百怪没办法只能重新想方法。我第一次尝试的写法是：首先一屏显示，获取当前页面的窗口的高度，显示区的部分全用设计稿的百分比控制。感觉写了太多的...

2018-08-22 23:01:08 4952

原创前端替换回车和空格

符号 ASCII码意义\n 10 换行\r 13 回车CRstr = str.replace(/[\r\n]/g,"替换的东西")...

2018-08-09 09:32:35 1962

原创 a标签下载图片及js执行下载图片

原因：我发现href的值是网络地址就是添加了download属性还是会直接打开图片而不是直接下载，只有写成相对地址添加了download属性才会执行下载，但是存在兼容性问题如下：<a href="https://www.iamyun.net/eastcomlab/surprisestatic/1524548025839250.png" download><span&g...

2018-07-28 10:53:26 24134 5

原创简单粗暴方式解决H5移动端页面滚动的时候触发touchend事件

H5移动端的页面在安卓和IOS微信内置浏览器中呈现的形式不一样,所以我统一采用touch事件代替click事件1，touchstart事件触发的时候设置全局变量（名字随便取）flag = 1；2，touchmove事件触发的时候设置 flag = 0；3，touchend事件触发的时候判断flag值当flag = 1 的时候触发touchend事件里面的函数，触发完以后在末尾再设置f...

2018-07-23 16:31:32 8638

原创 vue pc端element-ui的走马灯carousel实现自适应全屏banner

前提摘要：使用vue很方便做一些效果，目前开源的组件特别的多pc端使用轮播图的话element-ui的carousel是一个不错的选择，当然也可以选择swiper组件。问题：我发现carousel组件容器的高度是固定写死的，就算是我把image图片的宽度设置100%，它会随着浏览器屏幕的宽度等比例缩小到我设置的最小宽度就不会再变小。但是因为外面的容器已经写死了一个高度，这样的话就会留有一片空白区域...

2018-07-04 10:06:26 13263 7

原创 Date.parse() 在安卓和谷歌浏览器 safari浏览器兼容问题不能直接 Date.parse('2011/11/11 11:11:11')

下面就是通用代码兼容ios和安卓var arr = "2016/11/11 11:11:11".split(/[- : \/]/)date = new Date(arr[0], arr[1]-1, arr[2], arr[3], arr[4], arr[5])document.write(date);

2018-05-11 15:42:08 1245

原创支付宝h5网页的支付

公司的业务一直围绕着微信开发，突然领导接了一个项目开发支付宝生活号。当时是懵逼的赶紧去看支付宝h5页面开发文档，发现支付宝的文档确实比微信好多了不扯了。后端我不太清楚怎么配置，前端这块需要把后台返回过来的一段form表单进行自动提交。前端框架我采用的是vue，下面试我在vue中的使用截图...

2018-05-10 09:56:03 8798 4

xiaoqiangbigbrother的博客