springfe0101

mapbox GL库 javascript库 使用天地图作为瓦片 完整代码地址 github...

技术点 translate(x,y) :移动的原点 scale(x,y) :缩放坐标系。x：canvas坐标系水平缩放的比例，y：canvas坐标系垂直缩放的比例。 bou...

Selenium 是一个 Web 自动化工具，能够模拟用户与浏览器交互，实现浏览器操作自动化。它主要的应用场景是 Web 应用的自动化测试领域，实现了从人工在浏览器中 “点...

许多state更新逻辑分布在多个事件处理函数中，会使组件变的很大和难以维护。针对这个问题，把所有的state逻辑合并到一个reducer函数中，且这个reducer函数在组...

有些JavaScript函数是纯函数。纯函数只执行计算。通过严格地只将组件编写为纯函数，可以避免随着代码库的增长而出现令人困惑的bug和不可预测的行为。然而，为了获得这些好...

在JavaScript中Array是可变数据，但是当将它们存储在state中时，应该将它们视为不可变数据。和对象一样，当你更新存储在state的array时，需要新建一个新...

State可以是Javascript的任意数据类型，包含object数据类型。但是，不能直接修改React state的object值。如果想更改一个object，需要创建...

React根据数据自动更新DOM，不需要经常手动操作DOM。但是，有时候你需要访问DOM元素，例如focus一个node，滚动一个node，或是获取node的大小和位置。可...

Refs使用： Refs不在组件的渲染数据流中，用于记忆存储存储数据，不用于组件的渲染。 一个Ref是一个普通的对象，有一个current属性，可以对这个属性读写。 调用R...

当操作交互时触发事件处理程序执行。不像事件处理程序，Effects是响应式的，当依赖列表中的依赖（如prop或state变量）发生改变时，Effects响应依赖的改变同步执...

Effect是一个响应式的，当依赖props和state改变的时候，执行Effect。一个Effect做两件事情： 依赖改变则同步执行一些任务 停止同步 linter检查传...

当使用ajax等获取JSON数据时，如何对后端返回的数据做类型安全检查？ 检查数据类型有2种方法： 静态类型检查（编译时静态分析） 代码运行时检查 静态类型检查需要我们提前...

域名和端口号 域名 域名是由一串用点分隔的英文字母组成。例如："www.baidu.com"、"www.w3school.com.cn"等。 域名是ip地址的别名，方便用户...

redux combineReducers的应用 reducers/todo.js reducers/counter.js reducers/index.js App.js...

参考文献： TypeSprict -- 函数 redux/src/types/reducers.ts redux/src/combineReducers.ts Index ...

高阶组件 HOC经常应用在React 的一些第三方库中，比如Redux的connect 和Relay的createFragmentContainer 将HOC应用于横切关注...

React从v16.3的版本开始， 对生命周期的钩子进行了渐进式的调整，分别废弃和新增了一些生命周期的钩子函数。 新旧生命周期对比 一个完整的React组件生命周期会依次调...

Render Props模式 使用一个名为render的prop，render的值类型为函数通过这个函数向子组件传递值。 也可以另外一种写法，函数作为父组件的childre...

组合模式 组合模式是一种结构型设计模式， 你可以使用它将对象组合成树状结构， 并且能像使用独立对象一样使用它们。 组合模式结构 组件 （Component） 接口描述了树中...

观察者模式是一种行为设计模式，允许你定义一种订阅机制，可在对象事件发生时通知多个“观察”该对象的其他对象。 发布类包括(1)一个用于存储订阅对象引用的列表成员变量； (2)...