原创 vue中嵌入原生iframe並傳遞參數

父傳子 // 父頁面main.html傳遞參數 <template> <div> <iframe :src="frameUrl" ref="iframe" width="100%" height="100%" frameborder=

原创 H5 video播放視頻,微信內小窗播放

騰訊對微信尤其是安卓版本的內置瀏覽器內核做了一點點小處理,在X5內核下,播放會強制全屏,如果需要進行邊視頻邊互動下則無法實現。 無論使用百度或者是科學上網google都沒有解決辦法,就連騰訊開發者論壇內相關帖子也都做了刪除處理。 後面發現

原创 html2canvas.js截取網頁保存爲圖片

<!DOCTYPE HTML> <html lang="zh-cn"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <meta na

原创 Element UI element-china-area-data 中國省市區三級、二級聯動option數據設置默認值

<el-cascader class="long" size="large" :options="regionData" v-model="selectedOptions2

原创 vue el-checkbox勾選取消執行不同操作

<el-checkbox v-for="(item,index) in checkall" :label="item.id" :key="index" :checked="item.checked" @change="handleChe

原创 js 批量空格替換成

<textarea contenteditable="true" id="t" οnkeyup="this.value=this.value.replace(/\s+/g,'')" rows="3" placeholder="請填寫詳細

原创 jquery展開收縮列表

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <title>Document</title> <meta name="vie

原创 jquery li循環輪播切換

jquery li循環輪播切換效果,請自行引入jquery <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery li循環輪播切換</title> <scri

原创 移動端網頁純原生js選項卡tab切換

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0

原创 html5 video視頻標籤自適應手機樣式

css .vid-wrap{ width:100%;background: #000; position:relative; padding-bottom:56.25%; /*需要用padding來維持16:

原创 css3手機端h5商品列表頁,兩列等分排列技巧

.picture_list { width: 100%; overflow: hidden } .picture_list>li { width: 50%; min-height: 120px; float: left; pa

原创 vue.js實現單選獲取選中值

<!DOCTYPE HTML> <html lang="zh-cn"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <meta n

原创 解決後臺iframe框架刷新跳轉問題

//菜單點擊 $(".J_menuItem").on('click',function() { var iframe = $("#J_iframe").contents().find("#Login").length;

原创 vue.js實現複選框選中取消獲取選擇值

<!DOCTYPE HTML> <html lang="zh-cn"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> <meta n

原创 Web前端NW.js開發桌面應用教程

最近要做個桌面的應用,用起來也方便。找了一圈發現NW.js挺容易上手,分享給大家。   NW.js   官網https://nwjs.io/   1.下載適合當前版本的js   【這裏下載的SDK版本,方便後續調試】   2.解壓到本地