WindRunnerMax

摘要： 实现文字滚动播放 实现文字滚动播放，通过使用CSS3动画与Js控制来实现，由于使用CSS动画来控制偏移限制较多，因此通常还是使用Js来实现。 实现 CSS Animation 使用CSS动画方法，使用position: relative配合left属性来控制文字元素距离左侧相对偏移的距离。此方法的主 阅读全文

摘要： React中的合成事件 React自己实现了一套高效的事件注册、存储、分发和重用逻辑，在DOM事件体系基础上做了很大改进，减少了内存消耗，简化了事件逻辑，并最大程度地解决了IE等浏览器的不兼容问题。 描述 React的合成事件SyntheticEvent实际上就是React自己在内部实现的一套事件处 阅读全文

摘要： Node对象 Node是一个接口，各种类型的DOM API对象会从这个接口继承，其允许我们使用相似的方式对待这些不同类型的对象。 属性 Node.prototype.baseURI: 只读，返回一个表示base URL的DOMString，不同语言中的base URL的概念都不一样，在HTML中ba 阅读全文

摘要： React中refs的理解 Refs提供了一种方式，允许我们访问DOM节点或在render方法中创建的React元素。 描述 在典型的React数据流中，props是父组件与子组件交互的唯一方式，要修改一个子组件，你需要使用新的props来重新渲染它，但是在某些情况下，你需要在典型数据流之外强制修改 阅读全文

摘要： Js实用小技巧 这是一份Js实用小技巧，也可以是一份Js挨打小技巧，下面的一系列操作虽然能够在一定程度上使代码更加简洁，但是在缺少注释的情况下会降低可读性，所以需要谨慎使用这些黑魔法。 位元算 取整 console.log(~~(11.11)); // 11 console.log(11.11 >> 阅读全文

摘要： 函数式编程的理解 函数式编程是一种编程范式，可以理解为是利用函数把运算过程封装起来，通过组合各种函数来计算结果。函数式编程与命令式编程最大的不同其实在于，函数式编程关心数据的映射，命令式编程关心解决问题的步骤。 描述 到近些年，函数式以其优雅，简单的特点开始重新风靡整个编程界，主流语言在设计的时候无 阅读全文

摘要： React中的高阶组件 高阶组件HOC即Higher Order Component是React中用于复用组件逻辑的一种高级技巧，HOC自身不是React API的一部分，它是一种基于React的组合特性而形成的设计模式。 描述 高阶组件从名字上就透漏出高级的气息，实际上这个概念应该是源自于Java 阅读全文

摘要： 浏览器本地存储方案 浏览器本地存储方案可以分为三个方面，分别为Cookie、Web Storage、IndexedDB。 Cookie 由于HTTP协议是无状态的，一旦数据交换完毕，此次链接就会关闭，再次交换数据就需要重新连接，意味着服务器无法从链接上跟踪会话。假如A与B同时购买了一件商品，不进行会 阅读全文

摘要： React中的纯组件 React提供了一种基于浅比较模式来确定是否应该重新渲染组件的类React.PureComponent，通常只需要继承React.PureComponent就可以定义一个纯组件。React.PureComponent与React.Component很相似，两者的区别在于Reac 阅读全文

摘要： Widget模式 Widget模式是指借用Web Widget思想将页面分解成组件，针对部件开发，最终组合成完整的页面，Web Widget指的是一块可以在任意页面中执行的代码块，Widget模式不属于一般定义的23种设计模式的范畴，而通常将其看作广义上的架构型设计模式。 描述 模块化开发使页面的功 阅读全文