原创 js之 H5 的 video 標籤暫停播放視頻

一、問題 基於 video 標籤播放的視頻,大致功能是,點擊預覽按鈕,彈出彈框,可以在線觀看視頻; 如果關閉彈框,視頻還是在播放。 二、要求 關閉彈框,視頻也關閉 二、code vue

原创 input type=file不能重複上傳同一個文件

一、問題 上傳文件用的H5:input type=file,事件用的 change; 問題出在,如果上傳的第一個文件是 '一站式.txt‘’,之後再上傳同一個文件,頁面無法顯示文件名. 注:文件名是通過 change 事件,獲取文

原创 layui問題之渲染數據表格時,僅出現10條數據的解決方法

今天小編就爲大家分享一篇layui問題之渲染數據表格時,僅出現10條數據的解決方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧 一、問題 ajax獲取服務端數據之後,要動態渲染table,但數據

原创 遍歷類數組之獲取多個dom節點並遍歷

通過類名獲取所有改類名的dom節點,併爲每個dom設置css樣式。 第一種方法: // 獲取 .tr_height 的所有DOM const treeHei = 66; let trAllDom = document.g

原创 CSS 中已設置的left屬性清除

今天遇見這個問題,設置postion left=0,現在想改成right=0,但是樣式覆蓋不了,同時設置貌似left起作用。CSS 中現在有一個叫做 unset 的關鍵字,使用可以重置屬性值 下面是其他講解unset的鏈接,

原创 小程序問題之修改微信小程序默認checkbox框的樣式,改爲圈圈式

現有的樣式 index.wxml index.js index.wxss 通過css修改 /* 重寫 checkbox 樣式 */ /* 未選中的 背景樣式 */ checkbox .wx-checkbox-input{

原创 CSS問題之兩個dom標籤設置 display: inline-block; 寬度正好,還是錯位

問題 紅框中是兩個平級的兄弟節點: 設置css屬性爲: dom 渲染效果:錯位 解決 修改css 最後,昨天小程序是這個問題導致錯位;今天PC Vue項目也是這個問題,還是在博客裏記錄下吧。

原创 Vue項目之父子組件實現雙向綁定

一、問題 項目中有很多關於上傳文件的功能,爲了方便,把上傳文件單獨寫成一個組件 上傳文件沒有問題,清除功能,只能在子組件裏面清除,父組件裏面還是有第一次上傳的數據,再次上傳文件,數據依然是第一次上傳的信息(沒有達到同步的效果)

原创 js判斷對象是否爲空

ES6寫法 Object.getOwnPropertyNames() 變爲字符串,匹配{}

原创 download.js問題之文件下載後,內容是url地址

一、問題 點擊下載按鈕,實現文件的下載,而不是新建窗口打開文件 用的 download.js 實現,調用時傳了三個參數: // 引用 dowload.js 文件 import download from '@/lib/dow

原创 Vue的特性精華

以下內容是我在學習和研究Vue時,對Vue的特性、重點和注意事項的提取、精練和總結,可以做爲Vue特性的字典; 1. 性能優化: 相對於計算屬性computed、方法methods、觀察watch,優先考慮使用計算屬性實現,

原创 VUE項目之table表格動態添加一列數據,新增的這些數據不可以編輯(v-model綁定的數據不能實時更新)

一、問題 用elementUi橫着增加一行數據沒毛病,可以操作 添加一列,這新增的這一列, 第一次去賦值的時候值是改了, 但沒生效 點擊下一行時 值就變過來 二、原因 橫向添加 是複製上面的某一條數據來的,因爲data裏面有這

原创 css問題之如何使div四個邊框都有陰影

HTML <div class="isShadow"></div> css .isShadow{ background: #fff; box-shadow: #d4d2d2 0px 0px 10px; -webkit

原创 cordova問題之VueAPP項目使用cordova插件實現文件/圖片下載功能

一、問題 VueAPP 中有一個文件下載功能,用了各種方法來實現下載功能,app 都沒有反應。 JS 實現 html 頁面點擊下載文件 這個博客裏面幾乎包含了我試過的大部分方法,發現 PC 端沒問題,手機不可以。 二、經過

原创 css問題之用百分比減去像素進行佈局calc()

一、問題 用百分比佈局,因爲有border,寬度會多出2px,怎麼完美佈局呢? 二、解決 剛開始以爲只有用預處理器時才行,so,vue項目中用less進行了處理 .divWrap{ width: calc(~"(49%