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