前言 大家可能經(jīng)常會(huì)聽(tīng)到 css 動(dòng)畫(huà)比 js動(dòng)畫(huà)性能更好這樣的論斷，或者是“硬件加速”，“層提升” 這樣的字眼；要了解這些內(nèi)容就需要對(duì)瀏覽器的渲染流程有個(gè)大致的了解，本文就...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
-
一些讓人很哇塞的CSS實(shí)現(xiàn) - filter屬性前言 最近閱讀了張?chǎng)涡窭蠋煹摹禖SS新世界》里面對(duì)一些css屬性的運(yùn)用很巧妙，屬實(shí)打開(kāi)了新世界的大門(mén)，這篇文章主要總結(jié)一下filter屬性的運(yùn)用，里面的例子主要來(lái)自書(shū)本或參考...
-
模塊化及自動(dòng)化構(gòu)建工具學(xué)習(xí)總結(jié)我們從模塊化的發(fā)展歷程開(kāi)始 自調(diào)用函數(shù) JavaScript誕生之初，網(wǎng)絡(luò)設(shè)備性能還很差，網(wǎng)速很慢，將所有交互都放在后端的話用戶體驗(yàn)很差，因此急需一門(mén)語(yǔ)言來(lái)處理簡(jiǎn)單的前端交互...
-
Virtual DOM 的實(shí)現(xiàn)和 React Fiber 簡(jiǎn)介參考文章：深度剖析：如何實(shí)現(xiàn)一個(gè)Virtual DOM 算法 作者：戴嘉華React中一個(gè)沒(méi)人能解釋清楚的問(wèn)題——為什么要使用Virtual DOM知乎：我們?yōu)槭裁葱枰?Re...
-
六、集合引用類(lèi)型
Object 函數(shù)定義時(shí)，建議對(duì)必選參數(shù)使用命名參數(shù)，再通過(guò)一個(gè)對(duì)象字面量來(lái)封裝多個(gè)可選參數(shù) Array Array.from 用于將類(lèi)數(shù)組結(jié)構(gòu)轉(zhuǎn)換為數(shù)組實(shí)例，第一個(gè)參數(shù)是任...
-
五、基本引用類(lèi)型
Date new Date() 根據(jù)傳入?yún)?shù)的不同，內(nèi)部會(huì)隱式的調(diào)用Date.parse() 或 Date.UTC() Date.now() 可以返回當(dāng)前時(shí)間的時(shí)間戳，但Da...
-
四、變量、作用域與內(nèi)存
變量 原始值（String，Number，Boolean，Null，Undefined，Symbol）大小固定，保存在棧內(nèi)存 引用值是對(duì)象，保存在堆內(nèi)存 變量保存引用值時(shí)，保...
-
三、語(yǔ)言基礎(chǔ)
變量聲明（var const let） var 聲明范圍是 函數(shù)作用域，變量聲明會(huì) “提升”，范圍內(nèi)重復(fù)變量的聲明會(huì)在代碼執(zhí)行的一開(kāi)始被合并成一個(gè)聲明var a = 1;va...
-
二、HTML中的JavaScript
JavaScript是通過(guò) 元素插入html頁(yè)面中的 標(biāo)簽中的js內(nèi)容會(huì)下載，解析，執(zhí)行后再執(zhí)行 中的內(nèi)容，因此js需放到 內(nèi)容的末尾或通過(guò) 的屬性異步執(zhí)行腳本 瀏覽器...
-
一、什么是JavaScript
JavaScript是一門(mén)用來(lái)與網(wǎng)頁(yè)交互的腳本語(yǔ)言，主要包含以下三部分 ECMAScript：js的標(biāo)準(zhǔn)定義，包含語(yǔ)言語(yǔ)法等 DOM（Document Object Mode...
-
React.memo()、useCallback()、useMemo() 區(qū)別及基本使用
先來(lái)看個(gè)簡(jiǎn)單的例子 當(dāng)我們點(diǎn)擊父組件按鈕時(shí)，父組件的狀態(tài)parentCount會(huì)被更新，導(dǎo)致父組件重新渲染，子組件也會(huì)重新渲染；而此時(shí)我們的子組件和父組件之間并沒(méi)有依賴關(guān)系，...
-
TypeScript學(xué)習(xí)摘要（九）——模塊和命名空間
模塊與命名空間（內(nèi)部模塊）類(lèi)似，不同的是模塊可以聲明它的依賴 模塊es6的模塊語(yǔ)法與CommonJS和AMD環(huán)境不兼容，TypeScript提供了export =語(yǔ)法用于支持...
-
TypeScript學(xué)習(xí)摘要（八）——高級(jí)類(lèi)型
交叉類(lèi)型（Intersection Types） 某個(gè)類(lèi)型的對(duì)象同時(shí)擁有多種類(lèi)型的成員，交叉類(lèi)型使用&創(chuàng)建function extend<T, U>(first: T, se...
-
TypeScript學(xué)習(xí)摘要（七）——類(lèi)型兼容
類(lèi)型推論 當(dāng)需要從幾個(gè)表達(dá)式中推斷類(lèi)型時(shí)候，算法會(huì)考慮所有元素的類(lèi)型，給出一個(gè)兼容所有候選類(lèi)型的類(lèi)型；當(dāng)沒(méi)有找到最佳通用類(lèi)型時(shí)會(huì)使用聯(lián)合類(lèi)型let zoo = [new Rh...