原创 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 文件,完成。如果上

原创 React 生命週期圖

   

原创 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函數的強大方式。函數表達式的特點:函數表達式不同於函數聲明。函數聲明必須有函數名