用戶中心USER CENTER
摘要：整理獲取和尺寸和位置方法更多前端技術和知識點，搜索訂閱號菌訂閱視口頁面或窗口的位置和寬高獲取視口寬高下面方法是包括滾動條的寬高，不支持滾動條另外瀏覽器兼容差，可獲取包括工具欄的寬高頁面滾動位置返回整個頁面的滾動的位置，與返回的值一致，前者是 showImg(https://segmentfault.com/img/remote/1460000018860153?w=640&h=426)...
dinfer
發布于JavaScript
摘要：在和方法執行的時候訂閱事件，將自己的回調函數綁定到事件上，屬性是發布者，一旦它的值發生改變就發布事件，執行回調函數。實現和方法的回調函數都是，當滿足條件對象狀態改變時，這些回調會被放入隊列。所以我需要在某個變為時，刪除它們綁定的回調函數。 前言 按照文檔說明簡單地實現 ES6 Promise的各個方法并不難，但是Promise的一些特殊需求實現起來并不簡單，我首先提出一些不好實現或者容...
dinfer
發布于JavaScript
摘要：對象的深淺拷貝針對于的對象和數組數組也是對象淺拷貝只是引用，內存不變而深拷貝就是遞歸賦值。往往需要深拷貝的對象里沒有函數，也不需要拷貝它原型鏈上的屬性。 js對象的深淺拷貝 針對于JavaScript的對象和數組(數組也是對象)淺拷貝只是引用，內存不變；而深拷貝就是遞歸賦值。深拷貝是不同內存，相互獨立。而淺拷貝會影響 //1.循環復制數組 var arr = [1,2,3],arr2 ...
dinfer
發布于JavaScript
摘要：所有派生狀態導致的問題無異于兩種無條件的根據來更新無論和是否匹配來更新。派生狀態最常見的錯誤就是將這兩者混和在一起。因此通常被用于性能優化而不是來判斷派生狀態的正確性。我們可以使用派生狀態來存儲過濾列表這種方式避免了重新計算。 原文鏈接：https://reactjs.org/blog/2018... 翻譯這篇文章的起因是因為在一次需求迭代中錯誤的使用了getDerivedState...
dinfer
發布于JavaScript
摘要：我們需要了解幾個基礎概念，每個元素都有下列屬性為了理解這些屬性，我們需要知道元素的實際內容有可能比分配用來容納內容的盒子更大，因此可能會出現滾動條，內容區域是視口，當實際內容比視口大的時候，需要把元素的滾動條位置考慮進去。 我們需要了解幾個基礎概念，每個HTML元素都有下列屬性 offsetWidth clientWidth scrollWidth offsetHe...
dinfer
發布于JavaScript
