專題詳情LABEL DETAILS
本篇文章主要為大家講述的就是關于JavaScript 實現異步請求就靠瀏覽器提供的兩個 API —— XMLHttpRequest 和 Fetch。在日常中用多的比較多的就是Promise 請求庫 axios，它基于 XMLHttpRequest。 現在我們就來講講呱 XMLHttpRequest、Fetch 和 axios 究竟是如何取消請求。 先說下，取消 XMLHttpRequest...
有對回調進行控制的watchWithFilter，有適用于當watch的值為真值時觸發回調的whenever，還有只觸發一次的watchOnce和最多觸發一定次數的watchAtMost。怎么樣？是不是很多相似場景都有用到，主要是被觀察的變量在滿足某個具體條件時則觸發回調，本篇文章until就是直到滿足某種條件時則觸發一次回調函數。我們直接看代碼。 1.示例 關于demo代碼： <...
現在直播很流行，心里癢癢就試試。 互聯網網絡流媒體簡介 不講多，我們只需要知道常見的幾種流媒體格式就行，至于發展與演變，里面的專業知識，主要的流媒體格式有RTSP,RTMP,HLS,WebRtc，這對于開發就足夠。 播放HLS格式的視頻 為什么要選擇HLS格式的視頻呢？因為瀏覽器沒有辦法支持播放RTSP，無法識別這種類型的視頻流，RTMP格式的視頻是需要借助Flash否則也是無法播放，...
js實現點擊切換和自動播放的輪播圖，其實十分簡單，話不多說，我們直接看示例： 輪播圖案例 <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <metaname="vie...
利用JS就可以實現在點擊按鈕實現圖片排序，做個狠人，直接說： 效果 1 、點擊按鈕 如果按鈕文字是從大到小 將li標簽按照從大到小的順序排列 文字改成從小到大 如果按鈕文字是從小到大 將li標簽按照從小到大的順序排列 文字變成從大到小 2 、點擊按鈕 將li隨機排序 <style> *{ padding:0; margin:0; list-style:n...
說道JavaScript的代碼優化，就先要做的是準確的測試JavaScript的代碼執行時間。簡單來說就是采集大量的執行樣本進行數學統計和分析，這里我們使用的是benchmark.js來檢測代碼的執行情況。 首先我們需要在項目中安裝依賴，代碼如下： yarnaddbenchmark--save #或者 npmibenchmark--save 然后我們寫一個測試代碼，如下所示： ...
實踐是所有展示最好的方法，因此我覺得可以不必十分細致的，但我們的展示卻是整體的流程、輸入和輸出。現在我們就看看Vue 的指令、內置組件等。也就是第二篇，模型樹優化。 分析了 Vue 編譯三部曲的第一步，「如何將 template 編譯成 AST ?」上一篇已經介紹，但我們還是來總結回顧下，parse 的目的是將開發者寫的 template 模板字符串轉換成抽象語法樹 AST ，AST 就這里...
我們說下想要實現，一副牌里有54張，我們可以知道 3 - 2 的牌總共有13張，這分為4個花色是 ?? ?? ?? ?? 另外加上2個大小王！第一步：形成一個數組， 就要寫一個函數，利用牌數量和花色，這樣可以用來形成一個雙重循環將 number 里面的內容 和 flower 里面的內容 進行一個循環嵌入？最后在用 push 生成一個對象放到數組的后面？再到最后放入 大小王 。 constnu...
接上篇：現在看看，Vue編譯器源碼分析AST 抽象語法樹具體阿代碼： functionparseHTML(html,options){ varstack=[]; varexpectHTML=options.expectHTML; varisUnaryTag$$1=options.isUnaryTag||no; varcanBeLeftOpenTag$$1=options.ca...
摘要：首先，巧妙的使用這一標記，將游覽器從所有情況中分離出來。元素不能用作語義用途以外的其他目的。空白段落元素并非用于跳行。當瀏覽器支持時，它們會自動地呈現出來并發揮作用。Html1、Html5有哪些新特性，移除了哪些元素？如何處理HTML5新標簽的瀏覽器兼容問題？如何區別HTML和HTML5?HTML5 現在已經不是 SGML 的子集，主要是關于圖像，位置，存儲，多任務等功能的增加。拖拽釋放(D...
摘要：最近想自己寫下輪播圖，在網上發現一個網友用屬性實現的輪播，趕腳超簡單哦，自己學習了后整理如下。如果我們用給加上類，的就要變成對吧，由于有屬性，所以要等，才能完全變為，實現了淡入。最近想自己寫下輪播圖，在網上發現一個網友用CSS transition屬性實現的輪播，趕腳超簡單哦，自己學習了后整理如下。（找不到原網址了-.-...就不貼了...）（如果不了解transition，先去這里（點我，...
