原创 React進階——useRef()
Ref React提供了一個屬性ref，用於表示對組價實例的引用，其實就是ReactDOM.render()返回的組件實例： ReactDOM.render()渲染組件時返回的是組件實例； 渲染dom元素時，返回是具體的dom節
2020-06-26 13:26:23
原创 三個好用又令人期待的JavaScript新特性！
1、Optional Chaining(可選鏈式調用) 當訪問一個深層樹形結構的對象時，我們總需要判斷中間節點屬性是否存在： let person ={ name:'abc', } let address = person.in
2020-06-26 13:26:23
原创 JS遍歷對象，獲取key、value的幾種方法
1. 使用for…in let person = { name: '張三', age: '21', } for(let key in person){ if(Object.prototype.hasOwnPrope
2020-04-28 15:43:15
原创 一文帶你瞭解 JavaScript 函數式編程
一、什麼是函數式編程 函數式編程是一種編程範式，主要是利用函數把運算過程封裝起來，通過組合各種函數來計算結果。函數式編程意味着你可以在更短的時間內編寫具有更少錯誤的代碼。舉個簡單的例子，假設我們要把字符串 functional p
2019-08-28 18:28:33
原创 Git常用命令詳解
Git 是一個開源的分佈式版本控制系統，用於敏捷高效地處理任何或小或大的項目。 常用命令 1.創建倉庫 git init 初始化倉庫，使用當前目錄作爲Git倉庫，該命令執行完後會在當前目錄生成一個 .git 目錄。 2.克隆
2019-07-02 18:07:29
原创 構建 react應用程序 （二）（react-scripts實現原理）
在前面講到了使用create-react-app來創建項目，這節我們來分析下原理。 react-scripts有以下支持，都幫你配置好了： React, JSX, ES6, and Flow syntax support. Langu
2019-04-17 17:53:40
12
原创 Node.js之process進程
Node process.env 在看一些前框框架實現的源碼的時候，經常會看到類似如下的代碼： if (process.env.NODE_ENV === 'production') { module.exports = requir
2019-04-17 17:53:40
原创 create-react-app 構建 react應用程序 （一 )
第一步 全局安裝 create-react-app npm install -g create-react-app 第二步 通過create-react-app來構建自己的項目 create-react-app demo-ap
2019-04-17 17:53:40
原创 JavaScript的this原理
Javascript 是一個文本作用域的語言，就是說， 一個變量的作用域，在寫這個變量的時候確定。this 關鍵字是爲了在 JS 中加入動態作用域而做的努力。所謂動態作用域，就是說變量的作用範圍，是根據函數調用的位置而定的。從這個角度來理
2019-03-15 18:03:27
原创 js開發中的常用小技巧（持續更新ing）
1. if 語句可以用&&運算代替，這樣做的好處有兩個： 代碼會更加簡潔 &&運算執行比 if 語句速度更快 如 if(id===4) { //your code } 可以寫成 id===4&&{ //your cod
2019-03-05 00:55:14
原创 用 async/await 來處理異步
昨天看了一篇vue的教程，作者用async/ await來發送異步請求，從服務端獲取數據，代碼很簡潔，同時async/await 已經被標準化，是時候學習一下了。 先說一下async的用法，它作爲一個關鍵字放到函數前面，
2019-03-01 00:55:53
原创 package.json和package-lock.json的區別
package.json: 通過 npm init 命令創建，主要用來定義這個項目所需要的各種模塊，以及項目的配置信息（比如名稱、版本、許可證等元數據）。npm install 命令根據這個配置文件，自動下載所需的模塊，也就是配置項目所需
2019-02-28 01:09:07
原创 React 組件生命週期
組件的生命週期可分成三個狀態： Mounting：已插入真實Dom Updating：正在被重新渲染 Unmounting：已移除真實Dom 生命週期的方法有： componentWillMount 在渲染前調用,在客戶端也在服務端。 c
2019-02-24 01:05:26
1
原创 JavaScript 作用域鏈、閉包、原型和原型鏈
作用域鏈及和標識符解析 每一個JavaScript函數都表示爲一個對象, 要確切的說, 是Function對象的一個實例. Function對象同其他對象一樣, 擁有可以編程訪問的屬性, 和一系列不能通過代碼訪問而僅供JavaScript
2019-01-28 00:52:21
原创 腳本無阻塞加載策略
從上圖可以看出，當瀏覽器遇到<script>標籤時，瀏覽器會停止處理頁面，先執行Javascript代碼，然後再繼續解析和渲染頁面。在這個過程中，頁面和用戶的交互完全被阻塞了。通常表現爲顯示空白頁面，用戶無法瀏覽內容。
2019-01-14 00:51:37