boosting方法的基本思想-tft每日頭條

boosting方法的基本思想

生活更新时间:2025-01-16 05:41:40

有一個div，默認用 v-if 将它隐藏，點擊一個按鈕後，改變 v-if 的值，①讓它顯示出來，②同時拿到這個div的文本内容。如果v-if的值是 false，直接去獲取div内容是獲取不到的，因為此時div還沒有被創建出來，那麼應該在點擊按鈕後，改變v-if的值為 true，div才會被創建，此時再去獲取，示例代碼如下：

boosting方法的基本思想（什麼是nextTick為什麼需要它）1

運行後在控制台會抛出一個錯誤：Cannot read property 'innnerHTML of null，意思就是獲取不到div元素:

boosting方法的基本思想（什麼是nextTick為什麼需要它）2

這裡就涉及Vue一個重要的概念：異步更新隊列.

異步更新隊列

Vue在觀察到數據變化時并不是直接更新DOM，而是開啟一個隊列，并緩沖在同一個事件循環中發生的所數有據改變。在緩沖時會去除重複數據，從而避免不必要的計算和DOM操作。然後，在下一個事件循環tick中，Vue刷新隊列并執行實際（已去重的）工作。所以如果用一個for循環來動态改變數據100次，其實它隻會應用最後1次改變，如果沒有這種機制，DOM就要重繪100次，這固然是一個很大的開銷。

異步更新隊列内部實現機制

Vue會根據當前浏覽器環境優先使用原生的Promise.then和MutationObserver，如果都不支持，就會采用setTimeout代替。

知道了Vue異步更新DOM的原理，上面示例的報錯也就不難理解了。事實上，在執行this.showDiv = true時，div仍然還是沒有被創建出來，直到下一個vue事件循環時，才開始創建。$nextTick就是用來 '知道什麼時候DOM更新完成' 的，所以上面的示例代碼需要修改為,把DOM操作放在$nextTick（）方法内，如下圖：

boosting方法的基本思想（什麼是nextTick為什麼需要它）3

這時再點擊事件，控制台就打印出div的内容“這是一段文本“了:

boosting方法的基本思想（什麼是nextTick為什麼需要它）4

就這麼多了，歡迎關注。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活 80後童年春節記憶
#虎年有娛#臘月二十三過後，百無禁忌。可以幹各種事情，不用請先生看日子。記憶中村裡人多在此時伐樹，為的就是不驚擾樹神，以保平安。殺豬宰羊，割肉賣菜，蒸煮炒炸，掃屋子，買年貨就此拉開了過年的序幕。春節前的最後一個集，是必趕的！炸油條，要關大門... 2023-01-08
生活鼻子起紅痘痘很疼怎麼回事
1、油脂分泌過盛有些人本身是遺傳性油性皮膚,本身油脂分泌旺盛,額頭、鼻翼容易出現油光,毛孔粗大。到了夏天,油脂分泌速度又加速了。臉頰容易泛油光,過多的油脂容易造成毛孔堵塞,導緻黑頭、粉刺,影響肌膚的通透性。因此,油性皮膚的人鼻子比較容易長痘... 2023-03-23
生活歌手當打之年決賽時間表
目前《歌手》總決賽幫唱歌單也全部曝光：比如李宇春與華晨宇将聯袂演繹的《西門少年》，另一位奪冠熱門周深，将與請來的冠軍樂隊新褲子樂隊演繹《不會拜拜的Disco》；前任“歌王”劉歡的得意徒弟吉克隽逸，則将搭檔熱愛搖滾的許魏洲，帶來自己的原唱作品... 2023-02-24
生活谌在姓氏中讀哪個音
谌在姓氏中讀哪個音?長江日報融媒體8月21日訊（記者汪洋）“谌家矶中的‘谌’字，在字典中讀chén，可為什麼路标、站牌及交通報站都讀shèn呢？”近日，網友李先生在長江網武漢城市留言闆上提出這一疑問，他說這個問題已經困擾他十多年了，現在小編... 2022-11-05
生活紅葉節華山
少華山日色才臨泰華東，岚光如畫霭溶溶。輕凝遠障濃還淡，倏忽淩崖翠且重。——鄭谷《少華甘露寺》火紅的秋天在陽光明媚的日子裡悄悄的到來，在漸漸涼爽的氣溫中，一片片靓麗似火的紅葉越發美麗，層林浸染、姹紫嫣紅。以“秋染秦嶺，與華相宜”為主題的201... 2022-12-02
生活單繩打結法大全
今天主要說的，是背雲或者挂墜的那部分。第一種情況，直接挂挂墜今天分兩個方面說說打結，一個是直接上挂墜，比如直接上個橄榄核、蜜蠟餅子以及琥珀雕件等，一般用平結就能完成。咱們詳細說說用個真實案例說說：第二種情況：中間加背雲或者隔珠這種情況，多用... 2022-12-01
生活房間2003
2023年度色都會有哪些？什麼樣的裝修風格和色系，能讓你能沉浸其中，享受一屋的靜好閑适？這個秋季，流行指标已經悄然躍動。空白畫布百色熊（BehrPaint）2023年年度色彩是空白畫布（BlankCanvas）。相比于單純的白色，空白畫布更... 2023-02-26
生活寶豐縣成立臨時團支部
面對突如其來、嚴峻複雜的疫情陳新魁、莊爍、唐峰三名康橋青年被派往浦東某隔離點負責浦東各街鎮密接人員的接收、解離等工作主動肩負起抗擊疫情的責任為疫情防控貢獻青春力量他們同心戰“疫”的感人場景我們一起來看看～建立臨時支部一名團員青年就是一面青春... 2023-02-08
生活紀梵希四宮格新版和老版的區别
紀梵希四宮格新版和老版的區别?首先找到紀梵希四宮格的外包裝盒，然後在外包裝盒的側面找到産品批号，我來為大家科普一下關于紀梵希四宮格新版和老版的區别?以下内容希望對你有幫助!紀梵希四宮格新版和老版的區别首先找到紀梵希四宮格的外包裝盒，然後在外... 2023-03-02
生活京都動畫縱火事件第三年追悼儀式
澎湃新聞記者南博一7月18日，造成36人死亡的2019年日本京都動畫縱火案迎來3周年紀念日。京都動畫在案發現場的京都市伏見區第一工作室舊址舉行了追悼儀式。社長八田英明等約120人出席，進行了默哀和獻花。當地時間2022年7月18日，日本京都... 2023-03-18
生活荷花不用土可以嗎
荷花不用土可以嗎?荷花不用土可以存活，但是無土栽培難度較大，栽培效果也沒有用土栽培理想，導緻較難生長、發芽和開花無土栽培需要營養液來為植株提供營養，栽種時要向其中添加氮磷鉀等營養物質，下面我們就來聊聊關于荷花不用土可以嗎?接下來我們就一起去... 2022-06-24
生活 1平方公裡等于多少米
1平方公裡等于多少米?一平方公裡不等于多少米；一平方公裡表示面積，多少米表示長度；，我來為大家講解一下關于1平方公裡等于多少米?跟着小編一起來看一看吧!1平方公裡等于多少米一平方公裡不等于多少米；一平方公裡表示面積，多少米表示長度；二者概念... 2022-07-16
生活 gps靜态測量需要做兩個時段嗎
gps靜态測量需要做兩個時段嗎?找到導線點——架好三角架——調置模式（靜态觀測）——安置基頭——對準觀測點——調平水準管——用卷尺量好儀高——記錄基頭型号和代碼——用對講機相互聯絡——統一時間開機——記錄時間，人不得走開（随時觀測基頭工作情... 2023-01-31
生活藍鳥經典20萬公裡還能賣嗎
新一代軒逸從平庸到徹底的運動設計後，市場份額并沒有流失，銷量表現還是相當不錯的。前三個月的總銷量甚至在整個轎車榜單中排名第一。比軒轅更早進入運動線的藍鳥則處于不同的境地：藍鳥自2016年推出以來一直沒有受到市場歡迎，當時它甚至隻有三位數的數... 2023-03-09
生活小度是啥
小度是啥?小度是百度旗下人工智能助手小度内置DuerOS對話式人工智能系統，讓用戶以自然語言對話的交互方式，實現影音娛樂、信息查詢、生活服務、出行路況等800多項功能的操作同時，借助百度AI能力，小度不斷學習進化，了解用戶的喜好和習慣，變得... 2022-08-24
生活關于我的前半生那些事
#聊聊我的前半生#記得自己曾經寫過一篇文章《我的前半生》。那是剛在頭條上創作時寫的。沒多少粉絲，自然閱讀量就少。那篇醞釀了幾天的文章，收入也是可憐的幾分錢！今天再來寫寫自己的心路曆程吧！人活百歲，我已五旬，真的是年過半百已是半生。不管是不是... 2022-11-01
生活我的世界紅石隐藏發射器
我的世界手機版發射器能夠投擲一些物品，經過改造可以獲得高頻紅石發射器。高頻紅石發射器怎麼做呢?下面小編給大家帶來我的世界手機版高頻紅石發射器攻略，以供大家參考，祝大家遊戲愉快~高頻紅石發射器教程：原理：就是利用紅石給發射器充能，提高發射器的... 2023-01-04
生活可樂姜茶能熬的很稠嗎
感冒初起，很多人習慣到茶餐廳來一杯熱檸檬可樂煲姜，纾緩徵狀。據說，效果頗佳。其實做檸檬可樂姜茶非常簡單，自己在家裡面也可以做。那麼可樂姜茶真的是不是有效果呢？按中醫理論，姜可行氣活血，如屬風寒型感冒，乍冷乍熱，作悶沒胃口時，來一杯可樂姜茶，... 2022-12-20
生活那些痛到心裡的傷感語錄
1.當生活磨滅了我們所有的棱角，還能剩下什麼。2.不懂得拒絕的人，即使把自己累死，也不會得到别人真正的尊重。因為在那些習慣麻煩你的人眼裡，你幫别人也都幫了，又不是隻幫他一個。3.當赤道留住雪花眼淚融掉細砂你肯珍惜我嗎。4.我用時間證明了我的... 2022-12-02
生活五指毛桃的種植畝産量
五指毛桃的種植畝産量?“龍副主任，過來卸貨啦，種苗回來啦”3月9日清晨，在昭平縣馬江鎮白梅村龍家灣，隻見一位貨車司機正在大聲喊白梅村新上任的村委副主任龍和林卸載中草藥五指毛桃種苗，龍和林聽到後立即帶了幾個年輕人，小心翼翼地将一箱箱幼苗搬下車... 2023-03-25
生活一汽馬自達與長安馬自達區別
該來的總會來，懸了近一年的靴子終于還是落了地，長安馬自達“吞掉”一汽馬自達，成為定局。一汽輸給了長安，馬自達在心裡偷偷地笑了。1、從此再無一汽馬自達？公開資料顯示，一汽馬自達成立于2005年，首款車型就是大名鼎鼎的馬自達6，開創了國内運動型... 2023-02-24
生活輪到你了第二季完結了麼
輪到你了第二季周幾更新輪到你了第二季日語是周日晚上更新，中文字幕要周一早上更新了。輪到你了第二季反擊篇開始，男主将會聯合公寓内的幾個住戶尋找兇手的線索，不過并不容易。另外反擊篇公寓有新的住戶，304新住戶二階堂忍，是AI方向的研究生，因為公... 2023-04-01
生活老九門片段張啟山
老九門片段張啟山?第15集-新月誤闖密室丫頭命數已盡，下面我們就來說一說關于老九門片段張啟山?我們一起去了解并探讨一下這個問題吧!老九門片段張啟山第15集-新月誤闖密室丫頭命數已盡丫頭聽了九爺的勸說後，起初心有顧忌，她怕大家失望，即使藥沒有... 2023-01-12
生活降價和提價的數學問題方法
年底大家都放假了，平時的空閑時間會比較多，很多人會趁着這個時間出去預備年貨以及順便逛街去買買買。商家們也因為到年底了要沖業績，紛紛搞起了折扣大促銷活動。身為一名小學資深老教師，建議各位家長充分利用起來這段學習折扣的黃金期，讓孩子親身體會一下... 2023-03-06
生活奮力發揚三牛精神
2020年12月31日，在全國政協新年茶話會上，送上節日祝福的同時，還以“發揚為民服務孺子牛、創新發展拓荒牛、艱苦奮鬥老黃牛的精神”的号召，激勵全黨全國永遠保持慎終如始、戒驕戒躁的清醒頭腦，永遠保持不畏艱險、銳意進取的奮鬥韌勁，在全面建設社... 2022-11-08
生活關于梅蘭芳的資料30字
◆《黛玉葬花》◆《太真外傳》《嫦娥奔月》◆《玉堂春》制圖：李潔■本報記者柳青《鬓邊不是海棠紅》熱播，京劇傳統戲碼與舊日梨園轶聞随劇情一起成為爆款。可是，諸如“戲曲出圈”“曲高不再和寡”這些評論背後，仍默認着一種等級秩序，即，戲曲所代表的傳統... 2023-04-03
生活 airjordan2023年一月發售...
AirJordan1KO的受歡迎程度可能不及皮革鞋款，但它對#23的運動鞋遺産很重要。最近，帆布覆蓋的命題以非原創的灰色、白色、黑色和帆色出現。這對鞋面的大部分采用上述兩種色調中的最前一種，而側面的輪廓則以“AJKO”字樣在腳踝外側翻蓋上和... 2023-03-08
生活北京朝陽大悅城建築設計
項目位于上海市靜安區，北臨市政道路海甯路，南臨高端住宅中糧天悅壹号，東側為浙江北路，西臨文安路，西側對面為大型商業、娛樂綜合體上海大悅城。地上建築面積110977平方米，共43層，高度202.4米，由一棟商業辦公塔樓和六棟2—3層多層商業建... 2023-01-27
生活 2023年經濟會如何
2023年經濟會如何?(财經天下)2023年世界經濟會好嗎？，我來為大家科普一下關于2023年經濟會如何?下面希望有你要的答案，我們一起來看看吧!2023年經濟會如何(财經天下)2023年世界經濟會好嗎？中新社北京1月16日電(記者李曉喻)... 2023-02-14
生活如何清洗皮夾克
如何清洗皮夾克?将溫水和洗碗皂混合，蘸上一塊軟布，擰出來擦拭夾克；也可以把一份醋和一份水制成清潔液用另一塊幹淨的濕布擦拭清潔液用毛巾擦幹夾克，我來為大家科普一下關于如何清洗皮夾克?下面希望有你要的答案，我們一起來看看吧!如何清洗皮夾克将溫水... 2022-06-02

tft每日頭條

> 生活

> boosting方法的基本思想

boosting方法的基本思想

相关生活资讯推荐

热门生活资讯推荐

网友关注