showImg(https://segmentfault.com/img/bVbwfHP?w=1919&h=2347);
摘要:直入正題假設(shè)有十萬(wàn)條數(shù)據(jù)的列表要展示,該如何優(yōu)化如果直接上,不管你是一條一條插入,還是先存入再一次性插入,白屏?xí)r間都在,瀏覽器應(yīng)該是合并了更新操作,如果不做優(yōu)化,并不會(huì)分批渲染。 直入正題:假設(shè)有十萬(wàn)條數(shù)據(jù)的列表要展示,該如何優(yōu)化? 如果直接上,不管你是一條一條插入,還是先存入fragment再一次性插入,白屏?xí)r間都在6s+,瀏覽器應(yīng)該是合并了dom更新操作,如果不做優(yōu)化,并...
摘要:何為事件循環(huán)機(jī)制的任務(wù)分兩種,分別是同步任務(wù)和異步任務(wù)。如上圖所示主線程在執(zhí)行代碼的時(shí)候,遇到異步任務(wù)進(jìn)入并注冊(cè)回調(diào)函數(shù),有了運(yùn)行結(jié)果后將它添加到事件隊(duì)列中,然后繼續(xù)執(zhí)行下面的代碼,直到同步代碼執(zhí)行完。 我們知道,JavaScript作為瀏覽器的腳本語(yǔ)言,起初是為了與用戶交互和操作DOM,為了避免因?yàn)橥瑫r(shí)操作了同一DOM節(jié)點(diǎn)而引起沖突,被設(shè)計(jì)成為一種單線程語(yǔ)言。而單線程語(yǔ)言最大的特性就...
摘要:使用關(guān)鍵字來(lái)表示,在函數(shù)內(nèi)部使用來(lái)表示異步。執(zhí)行完了后,執(zhí)行棧再次為空,事件觸發(fā)線程會(huì)重復(fù)上一步操作,再取出一個(gè)消息隊(duì)列中的任務(wù),這種機(jī)制就被稱為事件循環(huán)機(jī)制。 async 函數(shù)是 Generator 函數(shù)的語(yǔ)法糖。使用 關(guān)鍵字 async 來(lái)表示,在函數(shù)內(nèi)部使用 await 來(lái)表示異步。想較于 Generator,Async 函數(shù)的改進(jìn)在于下面四點(diǎn): 內(nèi)置執(zhí)行器 Generato...
摘要:常用操作總結(jié)倉(cāng)庫(kù)在當(dāng)前目錄新建一個(gè)代碼庫(kù)新建一個(gè)目錄,將其初始化為代碼庫(kù)下載一個(gè)項(xiàng)目配置顯示當(dāng)前的配置設(shè)置提交代碼時(shí)的用戶信息文件操作添加指定文件到暫存區(qū)添加指定目錄到暫存區(qū),包括子目錄添加當(dāng)前目錄的所有文件到暫存區(qū)刪除工作區(qū)文 git常用操作總結(jié) 倉(cāng)庫(kù) 在當(dāng)前目錄新建一個(gè)Git代碼庫(kù)git init 新建一個(gè)目錄,將其初始化為Git代碼庫(kù)git init [project] ...
暫無(wú)介紹