原创 javascript classList add報錯
報錯內容 Uncaught DOMException: Failed to execute 'add' on 'DOMTokenList': The token provided must not be empty. 解決方案
2020-02-24 19:09:54
原创 Windows系統修改Hosts文件
本文以windows10系統爲例。 第一步：調出 Windows Powershell（管理員） 具體如上圖： 手指同時按住 windows 鍵和 X 鍵，在電腦桌面右下角彈出來的菜單裏選擇Windows Powershell
2020-02-24 19:09:54
原创 Js實現滾動抽獎(作弊版)
今天有一個朋友讓幫忙做一個抽獎的小應用，需求比較特別，還要求可以作弊，無奈簡單寫了一個。 以下分享以下，不喜勿噴，如果有更好的建議，請勿吝賜教，感謝。 <!DOCTYPE html> <html lang="en"> <head>
2019-10-28 07:14:17
1
原创 Object.assign()
簡介 Object.assign() 方法用於將所有可枚舉屬性的值從一個或多個源對象複製到目標對象。它將返回目標對象。 語法 Object.assign(target, ...sources) 參數 target 目標對象。
2019-10-26 09:04:38
原创 .sync 修飾符
背景交代 在vue 1.x 中的 .sync 修飾符所提供的功能。當一個子組件改變了一個帶 .sync 的prop的值時，這個變化也會同步到父組件中所綁定的值。 這很方便，但也會導致問題，因爲它破壞了單向數據流。（數據自上而下
2019-10-26 09:04:37
原创 Js對接口數據歸類整理
接口返回的數據 接口提供的數據： 同一個設備ID擁有多條數據，列表中同一個設備ID存在多條數據 需要的數據： 同一個設備ID的數據歸爲一條數據 需要的數據結構 實現代碼 let newData = []; for(let
2019-10-26 09:04:37
原创 防止監聽scroll 事件影響頁面性能
問題 scroll事件在文檔或文檔元素滾動時觸發，主要出現在用戶拖動滾動條。 window.addEventListener('scroll', callback); 該事件會連續地大量觸發，所以它的監聽函數之中不應該有非常耗費
2019-10-26 09:04:37
原创 Vue數據更新視圖不更新，你必須知道的幾種解決方案
知識拓展 在一個組件實例中，只有在data裏初始化的數據纔是響應的，Vue不能檢測到對象屬性的添加或刪除，沒有在data裏聲明的屬性不是響應的。 Vue不允許在已經創建的實例上動態添加根級響應式屬性，但是可以使用$set方法將
2019-10-26 09:04:37
原创 npm使用國內淘寶鏡像的方法
原文鏈接：https://npm.taobao.org/ 通過命令配置 命令 npm config set registry https://registry.npm.taobao.or
2019-10-26 09:04:37
原创 CSS偵測方法（偵測是否支持某個CSS屬性）
本文爲工具方法，提供簡單但常用的js方法函數。 以下爲偵測是否支持某個CSS屬性 方法代碼 function isPropertySupported(property) { if (property in document.
2019-09-17 06:57:58
原创 時間戳轉化爲時分秒
本文爲工具方法，提供簡單但常用的js方法函數。 以下爲時間戳轉時分秒(HH:mm:ss) 方法代碼 function toHHmmss (date) { var time; var hours = parseInt(
2019-09-17 06:57:57
原创 Less/Sass 定製私人常用方法庫
以下內容爲本人項目開發中積累的一些常用方法，有需要的小夥伴們Get走 自定義字體(font-face) 本方法需要準備字體格式(.eot、.woff2、.woff、.ttf、.svg)，所需格式可從第三方網站轉化 Less版本
2019-09-16 07:26:23
8
原创 Vue - 事件修飾符
Vue中事件綁定使用= v-on指令，指令後可跟事件修飾符，Vue提供以下修飾符： .stop - 調用 event.stopPropagation()。 .prevent - 調用 event.preventDefault()。
2019-09-16 07:26:23
原创 爲什麼JavaScript中給變量賦值會影響到其他地方？
本文開始之前，我先給個示例： var data = { fblx: "01,02,03,04", } var newData = data; newData.fblx = newData.fblx.split(','); 見
2019-09-09 07:00:33
原创 Vue - 指令
v-text v-text主要用來更新textContent，可以等同於JS的text屬性。 <span v-text="text"></span> // 等同於下方語句： <span>{{text}}</span> v-h
2019-08-31 05:40:24