原创 原生ajax獲取數據流並下載

//獲取數據流 start var oReq = new XMLHttpRequest(); oReq.open("post", url,true); oReq.responseType = "arraybuffer"; oReq.onl

原创 移動web開發中 ios不兼容fixed

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

原创 移動頁面通過javascript調取手機攝像頭和圖庫

<!DOCTYPE HTML> <html> <head> <title>上傳圖片</title> <meta charset="utf-8"> </head> <body> <ifra

原创 CSS3 多行文本溢出省略

overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break: break-all;

原创 js判斷移動終端是android還是ios

<script> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -

原创 微信小程序 選項卡demo

———-demo.wxss———— .swiper-tab{ width: 100%; border-bottom: 2rpx solid #777777; text-align: center;

原创 web移動前端頁面,jquery判斷頁面滑動方向

/*判斷上下滑動:*/ $('body').bind('touchstart',function(e){ startX = e.originalEvent.changedTouches[0].pageX;

原创 css3中 百分比寬度減去固定寬度的寫法

div{ /*實現了寬度爲父容器寬度減去固定的300像素*/ width:-webkit-calc(100% - 300px); width:-moz-calc(100% - 300px); wid

原创 實現div居中的幾種方法

方法一、使用display:table-cell 樣式 <style> .wrapperbox{border:1px solid red; width:100px; height:100px; display:table-cell; fo

原创 iscroll4中滑動頁面觸發點擊事件

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

原创 web開發 省市縣三級聯動

/* * 全國三級城市聯動 js版 */ function Dsy(){ this.Items = {}; } Dsy.prototype.add = function(id,iArray){ this.Items

原创 css3控制div無限旋轉

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