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