weixin_44258574的博客

观察者模式与发布订阅模式

项目中有页面用到了自动订阅数据多余的请求会加重服务端的压力所以进行了一点小优化

使用场景常见的有例如搜索框输入，鼠标事件，窗口resize等极为敏感的事件中需要用到使用目的可以等一等再执行，例如在搜索框搜索时，不用每输入一个字符都发起一次请求，而是等一段时间后再带上最后一次的搜索条件去发起请求实例// debounceconst debounce = (func, delay) => { let timeout; return (...param) => { if (timeout) { clearTimeout(timeout);

echarts toolbox超出容器导致被截断解决方案：echarts的配置项中设置toolbox{ right：’30%’ //看到有文章说默认时是auto,20%, //稍微设置大一点即可， //但我后来尝试小于20%时也可， //可能是因为我同时设置了grid中的right吧， //暂未考证，有待大家指正}至于上方被截断的那里，通过设置gr

context可以用来做父组件向子组件或爷爷组件向孙子组件传参，注意，数据流是单向的，子组件无法传给父组件用法：在父组件MyComponent组件中const AContext = React.createContext（初始值）function MyComponent(){ render (){ <AContext.provider value={this.state}> //可以传一个对象 <B></B>

react项目中遇到的几个问题前言由于我之前有过react经验，同事之前做react项目时问了我一些问题，其中几个问题虽然常见，但时间长了还是容易忘记，这里简单总结一下问题一：如何保证定时器（setTimeout与setInterval）每次执行与下一次执行都保证相同的间隔时间，不管前一次运行了多长时间场景：例如需要每间隔1秒执行一次请求的发起与响应，不管第一次发起请求到响应花费了多久，例如200ms，下一次请求一定与第一次完成间隔1000ms（即第二次请求在1200ms时发起，而不是800

前言此处完全可以略过本来写完原型与原型链之后想写原型的继承，再到new操作符，再到this指向的，想以此形成一种知识点连载的错觉，这样的话也方便大家和自己记忆和联想，形成一条完整线索，但是继承感觉比较难写，为了避免我自己的理解给大家造成误导，也一直在不断查询资料和修改调整，目前写到一半，还在加油写，先把后面的放出来了，继承之后补上，偶尔需要插叙嘛哈哈O(∩_∩)O~正片开始this指向（一）什么是this理解与记忆核心this表示对象取决于函数调用解释1.（this表示对象=

原型与原型链（一）原型理解与记忆核心：F.prototype === f.__proto__ ===原型对象（原型）f.constructor === F.prototype.constructor === F === f.__proto__.constructor解释：每个函数F（也是对象，js中一切皆对象）在初始化时都拥有一个prototype属性，该属性指向原型对象（即原型） F = new Function(); F = { prototype:{} }; F.prot

ts的好处？举个实际例子前言之前在一次面试过程中被问到typescript的特点，与javascript的区别？主要方向是答出来了，及ts是一种强类型语言，可以看作js的超集，对各变量等都作了类型的规范与限制然后面试官又问了一句，那你觉得它的好处是什么？你在项目中通过哪些例子感受到这些好处的？哪些例子？当时脑子里想的只有当初刚接触并从js逐步转向ts时只觉得ts好烦，什么都要限制，还什么都报错，js就不会出现这么多报错，哪里有什么好处？反正我是没体会最后只能呆呆的回了面试官一句想不起来是的，之