原创 理解JavaScript中的深拷貝和淺拷貝

在說深拷貝與淺拷貝前，我們先看兩個簡單的案例：//案例1var num1 = 1, num2 = num1;console.log(num1) //1console.log(num2) //1num2 = 2; //修改num2conso

2018-09-01 03:43:23 2

原创 正則表達式

例如：^(-?\d{1,10})(\.\d{1,3})?$   小數點前最多10位，小數點後最多三位小數，允許爲負值正則表達式就是用於描述規則的工具。換句話說，正則表達式就是記錄文本規則的代碼。元字符.匹配除換行符以外的任意字符\w匹配字

2018-09-01 03:43:22 3

原创 nginx反向代理解決跨域問題，使本地調試更方便

我們可能都會遇到一個這樣的問題，線上環境是https://...，本地啓動了項目，域名是localhost:8000等，本地想要訪問線上的接口，直接在本地調試，卻提示跨域，這個時候我們可以配置nginx，反向代理到本地，這樣可以直接在谷歌

2018-09-01 03:43:22 5

原创 遞歸函數及遞歸優化（尾遞歸）

一、定義        在函數內部，可以調用其他函數。如果一個函數在內部調用自身本身，這個函數就是遞歸函數。 二、利弊        遞歸函數的優點是定義簡單，邏輯清晰。理論上，所有的遞歸函數都可以寫成循環的方式，但循環的邏輯不如遞歸清晰

2018-09-01 03:43:22 2

原创 關於setTimeout(fn,0)

JS是單線程引擎：它把任務放到隊列中，不會同步去執行，必須在完成一個任務後纔開始另外一個任務。瀏覽器的內核是多線程的，它們在內核制控下相互配合以保持同步，一個瀏覽器至少實現三個常駐線程：javascript引擎線程，GUI渲染線程，瀏覽器

2018-09-01 03:43:22

原创 react父組件調用子組件方法

把子組件的參數回傳到父組件中,並且賦值給子組件的一個實例方法.參考React中文網： http://www.css88.com/react/docs/refs-and-the-dom.htmlimport React, {Componen

2018-09-01 03:43:22 1

原创 Scrollbar樣式設置

    一、場景 在CSS 中，如果我們在塊級容器上設置了屬性: overflow:scroll/* x y 方向都會*/ 或者 overscroll-x:scroll/*只是x方向*/ 或者 overflow-y:scroll /*只

2018-09-01 03:43:22 3

原创 通俗理解 React 高階函數

定義：高階組件就是一個函數，且該函數接受一個組件作爲參數，並返回一個新的組件。A higher-order component is a function that takes a component and returns a new

2018-09-01 03:43:21

原创 JS數據類型

js中有六種數據類型，包括五種基本數據類型（Number,String,Boolean,Undefined,Null）,和一種複雜數據類型（Object）。typeof 操作符由於js中的變量是鬆散類型的，所以它提供了一種檢測當前變量的數

2018-09-01 03:43:21

原创 webstorm 格式化代碼及常用快捷鍵

centOS 下webstorm 格式化代碼的快捷鍵 Ctrl+Shift+l windows 下 webstorm 格式化代碼的快鍵鍵 Ctrl+Alt+lmac 下 webstorm 格式化代碼的快捷鍵 Option+Command+

2018-09-01 03:43:21 1

原创 ESLint

ESLint 是一個代碼規範和錯誤檢查工具，有以下幾個特性所有東西都是可以插拔的。你可以調用任意的rule api或者formatter api 去打包或者定義rule or formatter。任意的rule 都是獨立的沒有特定的cod

2018-09-01 03:42:55