摘要：整理获取和尺寸和位置方法更多前端技术和知识点，搜索订阅号菌订阅视口页面或窗口的位置和宽高获取视口宽高下面方法是包括滚动条的宽高，不支持滚动条另外浏览器兼容差，可获取包括工具栏的宽高页面滚动位置返回整个页面的滚动的位置，与返回的值一致，前者是 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
