nobug12138-CSDN博客

原创原生ajax获取数据流并下载

//获取数据流 startvar oReq = new XMLHttpRequest();oReq.open("post", url,true);oReq.responseType = "arraybuffer";oReq.onload = function(oEvent) {console.log(oEvent)var uint8A = new Uint8Array(oR...

2019-07-04 18:35:43 779 1

原创自定义滚动框

.rows { height: 230px; overflow: hidden; overflow-y: auto;}.rows::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0);}.rows::-we...

2018-03-27 15:48:27 175

原创 CSS3 多行文本溢出省略

`overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;`

2017-04-24 15:46:53 674 2

原创 web开发省市县三级联动

/* * 全国三级城市联动 js版 */function Dsy(){ this.Items = {};}Dsy.prototype.add = function(id,iArray){ this.Items[id] = iArray;}Dsy.prototype.Exists = function(id){ if(typeof(this.Items[id])

2017-04-13 14:40:07 4465 1

原创微信小程序选项卡demo

———-demo.wxss————.swiper-tab{ width: 100%; border-bottom: 2rpx solid #777777; text-align: center; line-height: 80rpx;} .swiper-tab-list{ font-size: 30rpx; display: inli

2017-04-13 14:36:34 961

原创移动页面通过javascript调取手机摄像头和图库

<!DOCTYPE HTML> <html> <head> <title>上传图片</title> <meta charset="utf-8"> </head> <body> <iframe name="uploadfrm" id="uploadfrm" style="display: none;"></iframe> <form na

2017-04-13 14:30:46 1736

原创移动web开发中 ios不兼容fixed

style=”position:fixed;top:38px;bottom:38px;width:100%;overflow:scroll;background-color:#BABABA;” body主体部分添加以上样式

2017-04-13 14:27:06 515

原创 iscroll4中滑动页面触发点击事件

找到iscroll.js中： if (target.tagName != ‘SELECT’ && target.tagName != ‘INPUT’ && target.tagName != ‘TEXTAREA’) 修改为： if (target.tagName != ‘SELECT’ && target.tagName != ‘INPUT’ && target.tagName != ‘TEX

2017-04-13 14:21:34 1131

原创 web移动前端页面，jquery判断页面滑动方向

/*判断上下滑动：*/ $('body').bind('touchstart',function(e){ startX = e.originalEvent.changedTouches[0].pageX; startY = e.originalEvent.changedTouches[0].pageY; }); $("body").bind("tou

2017-04-13 14:18:54 3793 4

原创 js判断移动终端是android还是ios

2017-04-13 14:16:32 477

方法一、使用display:table-cell样式<style>.wrapperbox{border:1px solid red; width:100px; height:100px; display:table-cell; font-size:0; text-align:center; vertical-align:middle; *position:relative;padding:0; o

2017-04-13 11:32:11 730

原创 css3控制div无限旋转

div{ -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: rotate

2017-04-13 10:57:49 18594 1

原创 css3中百分比宽度减去固定宽度的写法

div{ /*实现了宽度为父容器宽度减去固定的300像素*/ width:-webkit-calc(100% - 300px); width:-moz-calc(100% - 300px); width:calc(100% - 300px); }

2017-04-13 10:47:56 9873 2

nobug12138的博客