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

boosting方法的基本思想

生活更新时间:2024-09-12 21:56:17

有一個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每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活世界十大銀幕怪獸金剛位列第一，哥斯拉...
怪獸早在古代就已經被人所廣泛傳播，我國的神話故事就經常出現它們的身影，在現代的影視作品之中，怪獸的出現也為故事和視覺增添了不少樂趣。今天小編就來為大家盤點世界十大銀幕怪獸，快來看看吧。世界十大銀幕怪獸：1、金剛2、哥斯拉3、科洛弗怪獸4、大白鲨5、史矛革6、異形7、漢江怪物8、暴虐龍9、火龍10、巨... 2023-07-13
生活全國八大冒菜排名：三顧冒菜上榜好漢冒...
冒菜是源自成都的一道特色小吃，各種葷素食材都能湊成一碗香辣好吃的冒菜，不僅美味，冒菜吃起來也是方便會計，也很适合一個人吃，今天給大家整理出全國好吃的八大冒菜品牌，快來看看你吃過哪些吧。全國八大冒菜排名1.好漢冒菜2.皇叔冒菜3.黃手藝冒菜4.川魂帽牌貨冒菜5.旌香源冒菜6.三顧冒菜7.媽媽鄉冒菜8.... 2023-07-13
生活 lol十大珍稀皮膚，卡牌大師的地底世...
lol有各種琳琅滿目的皮膚，既可以給模型帥氣的外形，也可以震懾對手，下面，就由小編給大家盤點十大珍稀皮膚。lol十大珍稀皮膚1.防爆天使凱爾2.戰熊騎士瑟莊妮3.銀白審判凱爾4.地底世界卡牌大師5.凱旋英雄嘉文四世6.國王拉莫斯7.萬夫莫開賈克斯8.哥特蘿莉安妮9.守護者雕像瑞茲10.元老議會馬爾紮... 2023-07-13
生活中國百強跨國公司名單中信集團上榜，海...
公司發展越好所涉及到的區域也就越廣泛，跨國企業也表示這這個公司在世界範圍内的影響力，那麼今天小編就來為大家從多個數據面盤點中國百強跨國公司名單，感興趣的小夥伴們快來看看吧。序号公司名稱海外資産/萬元海外員工/人跨國指數(%)1中國石油天然氣集團有限公司9191241712270424.952中國石油... 2023-07-13
生活關于橙子的吉祥語
1、祝您牛年大吉，心想事橙。2、新年行大運，祝福各位橙心又如意。3、平安夜，送個橙子，祝你心想事成。4、溪寺黃橙熟，沙田紫芋肥。5、牛年将至，祝福您，心想事橙，萬事大吉。橙子：橙子主要分為甜橙、臍橙、血橙、冰糖橙、紅橙幾個品種。橙子在人類長期栽培過程産生過一些變異種，某些變異種因對人類有利而被保留下來。該種也常與其他柑橘類植物雜交以産生更加優良的品種，有時柑橘類植物的栽培品種中也會含有橙字，但實際 2023-07-13
生活手工折紙：水壺和水杯
第一、準備一大一小兩張正方形的紙，大的折水壺，小的折水杯。第二、先把大正方形向上對折。第三、再把左邊向右對折。第四、再把右下角向左上方對折。第五、把正方形打開，看到裡面米字形的折痕。第六、把正方形的兩個對角按照折痕折到裡面去，如下圖。第七、把下面的角往上對折。第八、再把上面的角往下對折到中線。第九、... 2023-07-13
生活玉樹爛根怎麼辦
1、要是是水養的話，首先把它爛掉的部位去除，然後給它的傷口塗抹一些藥劑，來防止它再次被感染，然後把它放在透風通氣的區域進行養護晾幹。2、要是是土養的話，将它從土中取出，去掉爛掉的根須然後晾幹。在地上噴一些水，把它放在地上，讓它附近的濕度保持較高的狀态，它就會自己逐漸的長出來氣根。等到它的氣根長出來以... 2023-07-13
生活栀子花長蟲子用什麼藥
1、蚜蟲：蚜蟲是生長中很常見的，要是剛開始數量不多的話，可以直接人工捕殺，用手直接捏死。要是數量比較多，可以噴灑微量的藥劑，從而就能起到殺蟲的作用，除了使用化學藥劑，還可以将抽煙剩下的煙屁股收集起來，浸泡在清水中噴灑，對植株造成的影響也較小。2、介殼蟲：先人工去除，用竹簽慢慢往下刮。要是使用藥劑的話... 2023-07-13
生活 2021年9月韓系車型銷量排名奕跑第...
在九月哪些韓系車的銷量比較好呢?韓系車主要的品牌有現代和起亞，在國内都是小有名氣的，很多的車型銷量都不錯，比如煥馳、智跑等，你知道在九月份，韓系車哪些車型銷量比較靠前呢?一起來看看2021年9月韓系車型銷量排名吧。2021年9月韓系車型銷量排名1.伊蘭特伊蘭特在本月的韓系車中，以7819輛的銷量位居... 2023-07-13
生活 18萬左右買什麼車好?18萬左右的車...
18萬左右買什麼車好?這個價位的車，除了考慮一般的實用性，性價比外，消費者往往更多的會關注品牌，汽車的體驗感等。18萬左右的車排行榜推薦給大家介紹了10款目前動力口碑非常不錯的日系汽車和德系汽車，希望對大家有幫助。18萬左右的車排行榜推薦10、逸緻9、傑德8、軒逸7、雷淩6、歐藍德5、奇駿4、昂克賽... 2023-07-13
生活地梁澆築後多久可以回填土
1、地梁澆築後7天就可以回填土方。2、水泥在硬化過程中，需要水，所以在混凝土澆灌後需要适時澆水，這就... 2023-07-13
生活平價精華排行榜10強推薦第一款補水效...
許多注重保養的人都會知道，精華液是生活中必不可少的護膚品，它不僅是起到滋潤保濕的效果，對于皮膚不穩定的時候，它還有着極強的修複功能。那麼今天就由小編來為大家列出平價精華排行榜10強，給您的購買做個參考。平價精華排行榜10強：1、AHC安瓶透明質酸精華液2、自然堂雪域精粹純粹精華液3、寶拉珍選2%水楊... 2023-07-13
生活全球十大燒腦懸疑電影,高智商燒腦電影...
燒腦?高智商?全球十大燒腦懸疑電影,高智商燒腦電影排行榜前十名包括《消失的愛人》《控方證人》等經典之作，以及另外八部超級燒腦的經典。這十部電影可以說不看到最後你都猜不到結局。高智商燒腦電影排行榜前十名10、《禁閉島》9、《緻命魔術》8、《緻命ID》7、《消失的愛人》6、《記憶碎片》5、《竊聽風暴》4... 2023-07-13
生活韓國十大翻拍電影中國多部經典電影被翻...
韓國電影一直都是以揭露人性、反應社會和犯罪系列為大衆所熟知，經典作品不斷，但其實韓國的翻拍系列也是很值得觀衆去關注的，其中也不乏來自中國的翻拍作品。那麼今天小編就來為大家列出韓國十大翻拍電影，感興趣的朋友快來看看吧。韓國十大翻拍電影：1、監視者們2、完美的他人3、晚秋4、毒戰5、嫌疑人X的獻身6、标... 2023-07-13
生活鞍山十大本地玩樂排行榜：快樂迪KTV...
鞍山是我國重要的鋼鐵基地産業，重工業非常的發達，所以這裡被稱為中國鋼鐵工業的搖籃，随着重工業發展的崛起，鞍山這座城市也得到了大大的發展，城市經濟大幅度提升，上次小編給大家帶來了鞍山十大美食店排行榜，本站今天為大家介紹的是鞍山的十大本地玩樂排行榜，感興趣的一起來來看看吧~鞍山十大本地玩樂排行榜1.千山... 2023-07-13
生活又是劇荒月哪些英文影視好看
第一、電影簡愛。想必大家都看過或者聽說過這本書吧！現在小編推薦這部電影，它真實的表演出了簡愛和羅伯特的愛情故事，追求平等的簡愛雖然悲慘但是最後還是很幸福。其中又有很多溫情的畫面，特别讓人感動！第二、電影阿甘正傳。這部劇很正能量，主人公阿甘雖然智力低下但是在朋友和母親的幫助下一步一步走到了人生的巅峰。... 2023-07-13
生活下水道裡有老鼠怎麼辦
1、廚房的下水管口裝上網罩，買一些合适的網罩裝在廚房下水管口處。2、能防止老鼠從廚房下水道進來，裝好... 2023-07-13
生活河源十大美容美發店排名：instyl...
美容美發是現在很火的一個行業，因為有這方面需求的人非常多，尤其是愛美的小姐姐們，所以其中也不乏一些網紅店鋪，上次本站要來盤點的是河源市最熱門的十大健身場所，今天我們就一起來看看河源十大美容美發麗人場館，一起來看看這些店鋪你去過沒有吧!河源十大美容美發店排名1.濱江金利大酒店-SPA2.明日時尚(河源... 2023-07-13
生活怎麼洗美瞳
1、先清洗幹淨雙手，取鏡。2、将美瞳放置于掌心，手掌呈碗狀托住鏡片，在鏡片處滴幾滴美瞳護理液，沒過鏡... 2023-07-13
生活電飯鍋炖雞腿怎麼做
1、雞腿洗淨，所有材料混合（除了蔥、姜），跟雞腿拌勻。2、蓋上保鮮膜，放1小時，打開再拌勻，再蓋上保鮮膜放1小時。3、電飯鍋先鋪一層姜、蔥，放入雞腿，上面再放點适量姜、蔥，腌制的調料倒入，按煮飯鍵炖着。4、煮好後悶一會，出鍋。 2023-07-13
生活 iQOO9和iQOO9Pro的區别是...
2023-07-13
生活特效最燒錢的電影，鬥氣化馬之類的五毛...
電影發展之路就是影史的特效的進步之路，衆所周知特效是多麼燒錢的一個技術，用想象力創造或者重現一個恢弘壯闊的場景，需要的是錢，非常非常多的錢呐!請看小編盤點，影史上那些特效最燒錢的電影，特效就耗費了電影成本的大半江山。特效最燒錢的電影10.絕嶺雄風9.賓虛8.終結者27.黑客帝國26.碟中諜45.盜夢... 2023-07-13
生活十大好評懸疑電影排行榜中國上榜兩部，...
懸系電影一直都深受觀衆們的喜愛，緊湊的故事情節和反轉帶給人的震撼是其他電影類型無法比拟的，所以在這麼多年的電影發展史中，懸疑系列在電影市場一直都發展得非常好。今天小編就來為大家列出十大好評懸疑電影排行榜，感興趣的朋友快來看看吧。十大好評懸疑電影排行榜：1、穆赫蘭道2、十二怒漢3、一級恐懼4、緻命ID... 2023-07-13
生活中國十大禁養貓荒漠貓上榜，第二是體型...
貓是一種非常有靈性的動物，很多人都喜歡養貓來做寵物，它們不僅長相乖巧可愛，還非常機靈活潑，但不是每一種貓在國内都能養，今天小編為大家盤點了中國十大禁養貓，一起來了解一下吧!中國十大禁養貓1、薮貓薮貓是一種主要分布在非洲草原地區的貓，它們的體形和外表像一頭小型獵豹，黃色的毛發上布滿黑色的斑點，它們并不... 2023-07-13
生活麗江十大美食店排行榜：櫻花餐廳上榜，...
麗江是知名的旅遊城市，每一年來這裡旅遊的遊客都是多不勝數，并且全世界各地的遊客都非常多，那麼這裡的美食也一定非常的豐富，今天我們就來說一說麗江十大美食店排行榜。麗江十大美食店排行榜1.櫻花餐廳2.串煮任麗江店3.88号小吃店4.閱古樓空中觀景網紅餐廳5.阿香家宴6.愛妻牛排火鍋7.重慶黔江雞雜麗江店... 2023-07-13
生活黃色羽絨服怎麼搭配
1、黑色衛衣+黃色短羽絨服+小黑褲：黃色短羽絨服搭配黑色連帽衛衣和黑色小腳褲，是最經典也是最不會出錯的穿搭，黑黃搭配簡單有型，而且這身look很有顯高的特質。2、淺綠衛衣+黃色羽絨服+牛仔褲：淺綠色系的連帽衛衣+黃色羽絨服+牛仔褲，保暖時尚，而且黃色羽絨服搭配圍巾也可以選擇多色系的，并不會有太多的累... 2023-07-13
生活中山十大熱門餐廳排名:魚語蝦第9，第...
對于吃貨們來說，到一個城市旅遊最重要的就是打卡當地最人氣的美食餐廳，那麼中山作為廣東的一大旅遊城市，今天本站就來盤點一下當地的最熱門十大美食餐廳，一起來看看到中山可以去哪些地方吃吧!中山十大熱門餐廳排名1.奧堤茶記2.連連發蒸汽海鮮城3.眼記食店4.東樓名廚5.OBANAE歐巴呢韓國傳統烤肉(中山店... 2023-07-13
生活世界十大網絡公司，阿裡巴巴/京東上榜...
導語：網絡現如今幾乎是每一位朋友都會接觸到的，所以各種做得好的網絡公司也漸漸的被人們所熟知，那麼全球範圍内到底有哪些網路公司呢?下面本站就整理了世界十大網絡公司，一起來看看吧!一、Google在世界十大網絡公司中Google成立于1998年的美國，同時也是全球搜索引擎界的一大巨頭，目前主要向大衆提供... 2023-07-13
生活世界十大馬克杯品牌：推薦既有造型又實...
2023-07-13
生活房間适合放什麼花
1、君子蘭。君子蘭在夜裡不會散發二氧化碳，尤其在冬天，由于天氣寒冷，室内空氣不流通，君子蘭會起到很好... 2023-07-13

tft每日頭條

> 生活

> boosting方法的基本思想

boosting方法的基本思想

相关生活资讯推荐

热门生活资讯推荐

网友关注