原创 vscode中的用戶代碼片段
vscode 中可以通過自定義的關鍵字快速生成相應的代碼片段,以 vue 爲例 1. 點擊左下方的設置,找到用戶代碼片段 2. 選擇想要生成的代碼片段,可以自定義任何模板 3. 配置代碼片段 { "jx template"
原创 JS 判斷掃碼的是微信還是支付寶
判斷打開網頁的客戶端是微信還是支付寶 let domT = document.querySelector('#txt'); function isWechatOrAli() { let ua = window.navigato
原创 Sublime 高亮顯示 less 文件
1. 下載插件壓縮包:https://github.com/danro/LESS-sublime/ 2. 找到 Sublime 安裝路徑,將壓縮包解壓至: .\Data\Packages 3. 打開 Sublime ,使用快捷鍵 ctrl
原创 JS 監聽 storage
案例地址:http://yotcap.top/htm/storage.html 在同一頁面添加監聽事件監聽 storage 並不起作用,所以有以下兩種方法用來監聽。 同源頁面添加監聽事件 同頁面重寫 storage 方法
原创 JS一些算法
楊輝三角:var row = 10, arr = new Array(); for(var i=0;i<row;i++){ var arrRow = []; for(var j=0;j<=i;j++){
原创 JS計算兩個時間戳相差的秒數
// 兩個時間戳相減 除1000 後取整即可 let second = parseInt((timeStart - timeEnd) / 1000);
原创 JS節點類型之DocumentFragment類型
DOM規定文檔片段(document fragment)是一種“輕量級”的文檔,可以包含和控制節點,但不會像完整的文檔那樣佔用額外的資源。可以將文檔片段作爲一個“倉庫”來使用,即可以在裏面保存將來可能會添加到文檔中的節點。看例子:HTML
原创 新建 React 項目失敗的解決方法
初始化 React 項目失敗,提示如下: 網上找了一圈,找到兩個解決方法,親測,整理如下: 1. 由於網絡原因,某些依賴包加載失敗,解決方法:設置 npm 鏡像爲 cnpm npm config set registry ht
原创 Sublime 安裝 Vuejs 插件(代碼高亮)
自動安裝:使用快捷鍵 ctrl + shift + p,輸入 install,如圖:選擇安裝插件,在 package control 中輸入vue,選擇 Vue Syntax Highlight,如圖:重新打開 vue 文件,完成。如果上
原创 JS的超時調用(setTimeout())
setTimeout()接受兩個參數:要執行的代碼和以毫秒錶示的時間。第一個參數可以是一個包含JS代碼的字符串(和在eval()函數中使用的字符串一樣),也可以是一個函數。如下: //不建議傳遞字符串 setTimeout("alert
原创 JS網頁標題的閃動
function changeTitle() { setTimeout(function(){ document.title = '\u200E'; changeTitle2(); }, 5
原创 WEB端百度語音合成Demo
Demo 地址:http://yotcap.top/htm/speaker.html 源碼地址:https://github.com/yotcap/someGadgets/tree/master/speaker 1. 去百度雲控制
原创 webpack引入未模塊化的庫
在引入Zepto依賴時,報錯:Uncaught TypeError: Cannot read property 'createElement' of undefined 具體的錯誤原因分析請參考:https://juejin.im
原创 JS函數表達式-小結
在JS中,函數表達式是一種非常有用的技術。使用函數表達式可以無須對函數命名,從而實現動態編程。匿名函數,也稱拉姆達函數,是一種使用JavaScript函數的強大方式。函數表達式的特點:函數表達式不同於函數聲明。函數聲明必須有函數名