用戶中心USER CENTER
摘要：今天閑著無聊測試了一下數(shù)組方法的性能發(fā)現(xiàn)當數(shù)組的長度大于的時候整個頁面會出于比較長的卡死狀態(tài)，故試著寫了個性能更好的方法來實現(xiàn)批量在數(shù)組頭部插入數(shù)據(jù)和原生的性能比較測試代碼如下測試中發(fā)現(xiàn)當數(shù)據(jù)量小于三百的時候，使用性能更好小數(shù)據(jù)量的時 今天閑著無聊測試了一下js數(shù)組splice方法的性能發(fā)現(xiàn)：當數(shù)組的長度大于100000的時候整個頁面會出于比較長的卡死狀態(tài)，故試著寫了個性能更好的方法來...
codercao
發(fā)布于JavaScript
摘要：在樹中，文檔片段被其所有的孩子所代替。因為文檔片段存在于內(nèi)存中，并不在樹中，所以將子元素插入到文檔片段時不會引起頁面回流對元素位置和幾何上的計算。因此，使用文檔片段通常會起到優(yōu)化性能的作用。在里說過接口表示文檔的一部分或一段。 DocumentFragments 是DOM節(jié)點。它們不是主DOM樹的一部分。通常的用例是創(chuàng)建文檔片段，將元素附加到文檔片段，然后將文檔片段附加到DOM樹。在D...
codercao
發(fā)布于JavaScript
showImg(https://segmentfault.com/img/remote/1460000019558133?w=1311&h=841); showImg(https://segmentfault.com/img/remote/1460000019558134?w=2878&h=542); 前言 最近在使用Vue+TypeScript鼓搗自己的組件庫，期間參考不少（抄
codercao
發(fā)布于JavaScript
摘要：是一門很神奇的語言，很多和它不相干的功能卻能起到很顯著的效果，有些在看起來實現(xiàn)都有一定的工作量，一句屬性就能輕而易舉的解決，下面來看幾個例子主要和事件相關(guān)。那么，如何借助來監(jiān)聽這些呢可以從過渡和動畫兩個思路來考慮。 CSS是一門很神奇的語言，很多和它不相干的功能卻能起到很顯著的效果，有些在js看起來實現(xiàn)都有一定的工作量，CSS一句屬性就能輕而易舉的解決，下面來看幾個例子（主要和js事件...
codercao
發(fā)布于JavaScript
摘要：今天遇到一個一直認為很簡單的問題，真正接手后才知道這么可怕大體是這樣的，默認動態(tài)加載的應(yīng)該是自動向下，當遇到頁面最下面應(yīng)該自動向上渲染。動態(tài)生成的都是根據(jù)來監(jiān)聽獲取元素的信息。 今天遇到一個一直認為很簡單的問題，真正接手后才知道這么可怕 大體是這樣的，默認動態(tài)加載的card應(yīng)該是自動向下，當card遇到頁面最下面應(yīng)該自動向上渲染。showImg(https://segmentfault...
codercao
發(fā)布于JavaScript
