原创 大話react生命週期2019:react-v16.3新生命週期總結

一、前言 React 從 v16 開始,像是跨入了新的時代,性能和新的 API 都令人矚目。重新認識 React,從重新認識生命週期開始。爲了更好的支持異步渲染(Async Rendering),解決一些生命週期濫用可能導致的問題,Reac

原创 大話javascript 8期:正則表達式

一、正則表達式的定義 正則表達式(Regular Expression,在代碼中常簡寫爲regex、regexp或RE)是計算機科學的一個概念。正則表達式使用單個字符串來描述、匹配一系列符合某個句法規則的字符串。在很多文本編輯器裏,正則表達

原创 大話React-Redux

一、UI 組件 React-Redux 將所有組件分成兩大類:UI 組件(presentational component)和容器組件(container component)。 UI 組件有以下幾個特徵。 只負責 UI 的呈現,不帶有任何

原创 大話Redux

一、什麼是Redux Redux 的設計思想很簡單,就兩句話。 (1)Web 應用是一個狀態機,視圖與狀態是一一對應的。 (2)所有的狀態,保存在一個對象裏面。 二、基本概念和API 1. Store Store 就是保存數據的地方,

原创 大話javascript 7期:Cookie、Session和Token的那些事兒

一、登錄認證機制 隨着互聯網的不斷髮展,無論是網站還是app,一般都會要求用戶註冊/登錄。主要的登錄方式有賬戶密碼登錄、第三方登錄(微信登錄、QQ登錄、微博登錄等) 登錄可分爲三個階段(登錄驗證、登錄持續、退出登錄);登錄驗證指客戶端提供賬

原创 大話javascript 6期:this深度解析

一、引言 在執行上下文的創建階段,會分別生成變量對象,建立作用域鏈,確定this指向。this的指向,是在函數被調用的時候確定的。也就是執行上下文被創建時確定的。因此,一個函數中的this指向,可以是非常靈活的 二、this對象的定義 th

原创 大話javascript 5期:跨域

一、什麼是跨域 1.URL解析 URL (Uniform Resource Locator )統一資源定位符(URL)是用於完整地描述Internet上網頁和其他資源的地址的一種標識方法。 Internet上的每一個網頁都具有一個唯一的名

原创 大話javascript 4期:事件循環(3)

一、定時器 除了放置異步任務的事件,"任務隊列"還可以放置定時事件,即指定某些代碼在多少時間之後執行。這叫做"定時器"(timer)功能,也就是定時執行的代碼。 定時器功能主要由setTimeout()和setInterval()這兩個函數

原创 大話javascript 4期:事件循環(2)

一、任務隊列 同步任務與異步任務的由來 單線程就意味着,所有任務需要排隊,前一個任務結束,纔會執行後一個任務。如果前一個任務耗時很長,後一個任務就不得不一直等着。 如果排隊是因爲計算量大,CPU忙不過來,倒也算了,但是很多時候CPU是閒着的

原创 大話javascript 4期:事件循環(1)

一、進程與線程 現代操作系統比如Mac OS X,UNIX,Linux,Windows等,都是支持“多任務”的操作系統。 什麼叫“多任務”呢?簡單地說,就是操作系統可以同時運行多個任務。打個比方,你一邊在用瀏覽器上網,一邊在聽MP3,一邊在

原创 大話javascript 3期:閉包

一、什麼是閉包 1.閉包的定義 閉包是一種特殊的對象。它由兩部分構成:函數,以及創建該函數的環境(包含自由變量)。環境由閉包創建時在作用域中的任何局部變量組成。 閉包是指有權訪問另外一個函數作用域中的變量的函數 閉包是函數以及函數聲明所在的

原创 大話Vuex

一、Vuex是什麼 官方定義:Vuex 是一個專爲 Vue.js應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化 通俗理解: 主要應用於Vue.js中管理數據狀態的一個

原创 大話javascript 2期:執行上下文與執行上下文棧

一、什麼是執行上下文? 執行上下文(Execution Context): 函數執行前進行的準備工作(也稱執行上下文環境) JavaScript在執行一個“代碼段”之前,即解析(預處理)階段,會先進行一些“準備工作”,例如掃描JS中var定

原创 大話javascript 1期:作用域和作用域鏈

一、什麼是作用域? 作用域是你的代碼在運行時,各個變量、函數和對象的可訪問性。(可產生作用的區域) 二、JavaScript中的作用域 在 JavaScript 中有兩種作用域 全局作用域 局部作用域 當變量定義在一個函數中時,變量就在

原创 大話css預編譯處理(三):基礎語法篇

一、Sass、LESS和Stylus的語法 每一種語言都有自己一定的語法規則,CSS預處理器語言也不例外,在真正使用CSS預處器語言之前還有一個不可缺少的知識點,就是對語法的理解。值得慶幸的是,這三款CSS預處理器語言的語法和CSS語法都差