原创 非常實用的ES6特性
1、展開操作符 顧名思義，用於對象或數組之前的展開操作符（…），將一個結構展開爲列表。 如下： let firstHalf = [ one , two ]; let secondHalf = [ three , four ,
2020-07-04 06:44:38
原创 發佈 訂閱 消息系統（一）
1.從監聽與發佈說起 我們寫js代碼的時候都知道有這樣的事件：我們註冊一個click方法 ，此時我們就爲這個按鈕添加了“監聽”，基於“點擊”事件的監聽。以此來實現點擊按鈕提交表單數據的目的，在這裏，我們通過點（發）擊（布）這個動作，讓系統
2020-06-16 09:36:47
原创 jQuery的onclick事件導致點擊事件累計觸發的問題
問題場景 維護公司老項目的時候，發現以下問題。 在使用jQuery中的click事件對頁面中某個元素對象進行綁定時，如果不採用防抖/節流的寫法會出現事件被多次綁定的情況。如果發生這種問題，會導致一次觸發請求多次的情況，直接導致
2020-06-16 09:36:47
2
原创 Javascript 實現數組去重，快速排序
1.數組去重 只討論兩種，當然方法很多。 A: 最簡單實現 思路：定義一個新的空數組 n，利用 indexOf 判斷， 遍歷數組 arr ,如果 arr[i] 已經存在於 n 數組內，不添加；否則就將 arr[i] 添加到數組 n 中，
2020-06-16 09:36:47
原创 Vue中axios POST傳參問題
公司目前項目並沒有完全實現前後分離的開發模式，在使用vue開發頁面的時候，一度使用引入vue.js + zepto.js的方式，請求一直是用 $.ajax()的方式。爲了向vue環境靠攏，引入了vue.axios。但是這種方式在
2020-06-16 09:36:44
原创 CSS三大屬性，初學者須知
寫在前面：本文簡單介紹一下css的三大特性：層疊性、繼承性、優先級。以及margin,padding,浮動，定位幾個知識點。限於水平，不深入探討，僅作爲學習總結。 1，三特性 1）層疊性：同標籤同權重下，樣式衝突，後面的樣式會覆蓋
2020-02-21 20:26:42
原创 JS中單引號和雙引號之我見
JS中單雙引號之自我見解，若以後理解更深入，再補充 在js不斷的敲代碼過程中，個人習慣問題經常將雙引號打爲單引號，因此出了不少次錯誤。所以寫出這些東西以加深印象，同時給像我一樣的人一點小提示。 常規情況下兩者並沒有區別，但是涉及
2020-02-21 20:26:42
原创 新手注意不到的display和visibility屬性差別
由於一直自學，對display僅僅停留在會用的階段。學習過程中發現了visibility屬性和display屬性效果似乎一致。於是便查閱一些資料，寫一些小總結。方便新手朋友以及我自己查閱，並深入理解屬性。 一、Display的屬性值
2020-02-21 20:26:42
原创 JavaScript中閉包的理解
從個人認知層次出發，依次寫下理解 1.接觸過js的朋友大都知道下面的錯誤： <style> span { background-color: #ffa500; cursor:
2020-02-21 20:26:42
原创 Git常用命令總結
對分支進行操作 查看當前分支：git status 查看某個項目的所有分支：git branch 切換到指定的分支：git checkout branchName 合併某分支到當前分支：git merge branchName
2020-02-21 20:26:42
原创 js的break,continue,return及流控制語句
橫向對比js的流控制語句，從此不再迷茫。 哈哈，給此博文插圖：當前端發現全公司只有一個人手機顯示的界面有問題的時候… break: 終止循環，使當前循環不再繼續執行。用於跳出循環或switch語句。當是嵌套循環的時候，只能
2020-02-21 20:26:41
原创 JS中運算符i++與++i的詳細分析
新手朋友容易混淆的概念，特提出自己的想法思路，僅供參考，錯誤之處，還望指出。 請看下面代碼：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <t
2020-02-21 20:26:41
原创 JS多頁面間通訊
需求：項目中做了一個音樂播放器，後面Boss說用戶同時打開了多個頁面播放音樂，這個時候每個頁面都在播放音樂，能不能只讓當前用戶操作的頁面播放音樂。 接到這個需求的時候，先去某雲音樂看了一下，用的應該是WebSocket。給領導
2020-02-21 20:26:41
原创 深入理解JavaScript中的執行環境（execution context）
-------------------------------------華麗的分割線------------------------------------- 執行環境（execution context，也稱作‘環境’）定義
2020-02-21 20:26:41
原创 js中的this,arguments, callee, caller
一張圖，先捋一捋邏輯 arguments 在函數內部，有兩個特殊的對象：arguments 和 this。arguments是一個類數組對象，包含着傳入函數中的所有參數。在函數體內可以通過arguments對象來訪問這個參數數組
2020-02-21 20:26:41