原创 基於react的拖拽組件庫react-beautiful-dnd API參數簡易說明

簡介 react-beautiful-dnd基於react的一個組件庫,主要包含三個組件. DragDropContext : 用於包裝拖拽根組件，Draggable和Droppable都需要包裹在DragDropContex內

2020-07-06 04:29:47 63

原创 git commit提交時報錯`Stashing changes... `.

問題描述 git commit提交時報錯Stashing changes... 問題出現原因 項目中使用了husky, 這個會在你git commit的時候先執行裏面的嚴謹模式, 對代碼進行檢查, 有error就會終止提交 git

2020-06-30 15:46:32

原创 js使用Lodash實現對象的深拷貝

簡述 是一個一致性、模塊化、高性能的 JavaScript 實用工具庫。 安裝 $ npm i -g npm $ npm i --save lodash “Object” Methods defaultsDeep 使用說明 格式

2020-06-30 15:46:31 2

原创 Windows 和 Linux中Chrome的快捷鍵

常用快捷鍵總結 標籤頁和窗口快捷鍵 操作 快捷鍵 打開新窗口 Ctrl + n 在無痕模式下打開新窗口 Ctrl + Shift + n 打開新的標籤頁，並跳轉到該標籤頁 Ctrl + t 按標籤頁的關

2020-06-20 11:45:26

原创 數組中填充對象，循環賦值後所有值均取最後賦的值

問題描述 數組中填充對象，循環賦值後所有值均取最後賦的值 const size = 3; // 指定棋盤大小，現棋盤大小爲3*3 const arrayLength = size * size; const

2020-06-20 10:37:38

原创 2.jsx簡介

我們來觀察一下聲明的這個變量： const element = <h1>Hello, world!</h1>; 這種看起來可能有些奇怪的標籤語法既不是字符串也不是 HTML。 它被稱爲 JSX， 一種 JavaScript 的語

2020-06-20 10:37:38

原创 3.元素渲染

元素是構成 React 應用的最小單位。 元素用來描述你在屏幕上看到的內容： const element = <h1>Hello, world</h1>; 與瀏覽器的 DOM 元素不同，React 當中的元素事實上是普通的對象，

2020-06-20 10:37:38

原创 5. State & 生命週期

生命週期圖解 參考該例子。 到目前爲止我們只學習了一種方法來更新UI。 我們調用 ReactDOM.render() 方法來改變輸出： function tick() { const element = ( <div

2020-06-20 10:37:38

原创 4. 組件&Props

組件可以將UI切分成一些獨立的、可複用的部件，這樣你就只需專注於構建每一個單獨的部件。 組件從概念上看就像是函數，它可以接收任意的輸入值（稱之爲“props”），並返回一個需要在頁面上展示的React元素。 函數定義/類定義組件

2020-06-20 10:37:38

原创 6.事件處理

React 元素的事件處理和 DOM元素的很相似。但是有一點語法上的不同: React事件綁定屬性的命名採用駝峯式寫法，而不是小寫。 如果採用 JSX 的語法你需要傳入一個函數作爲事件處理函數，而不是一個字符串(DOM元素的寫法

2020-06-20 10:37:38

原创 js使用遞歸遍歷數據格式一致，數據層級未知的數據

我們先看下面的代碼： var data = [ { name: "所有物品", children: [ { name: "水果", chi

2020-06-20 10:37:37

原创 js中國標準時間轉化爲年月日，時間戳

const data1 = 'Fri Jan 10 2020 18:52:45 GMT+0800 (中國標準時間)' /** * @function 中國標準時間轉化爲時間戳 * @param {string} date *

2020-06-20 10:37:37

原创 vscode 源代碼管理窗口顯示空白

問題描述 版本信息 版本: 1.41.1 (user setup) 提交: 26076a4de974ead31f97692a0d32f90d735645c0 日期: 2019-12-18T14:58:56.166Z Electro

2020-06-20 10:37:37

原创 UMI+DVA根據開發環境和生產環境不同動態加載變量

你有沒有遇到過這樣的情況！比如你們有四種（或更多）環境：開發環境（本地調式代碼環境）、測試環境（髒數據環境）、預生產環境（無限接近生產環境）、生產環境（正式環境或線上環境）等等環境。而對於不同環境你的靜態資源host地址或者你的

2020-06-12 23:45:26 6