副作用函数 (useEffect) 执行顺序 useState=>render=>useEffect，建立真实的DOM树之后（即浏览器渲染完成页面之后）开始调用 什么是副作用？ react 副作用主要作用是：React组件与React之外的第三方系统数据同步，例如：发送分析日志、服务器请求或者用React状态控制非React组件等等；是…

所有Api 名称 描述 建议或更多 cloneElement 覆盖组件props 接收props的function替代 Component class YourComponent extends Component {} 建议使用函数组件替代 createElement 创建一个React节点 直接创建标签组件 createFactory 创建一个…

类的关系 继承 Class对象的子类继承父类的所有属性和方法。 子类可以通过改写覆盖从父类继承的属性和方法，但不会对父类产生影响。 多个实例间可以互相影响吗： //Class对象的继承可以使用extends关键字来完成。以下是一个示例： // 父类 class Animal { constructor(name) { this.name = nam…

对象 一个对象是 Javascript 中的引用数据类型。它由键值对构成，每对键值间使用冒号分隔，键值对之间使用逗号分隔。一个对象可以为空或拥有无数个属性。 对象有比较多的应用。它可以用于将相关的数据封装到一起，形成一系列有关联的数据和功能，这些相关数据和功能被封装在一个对象中，这种设计思想就称为面向对象编程。 对于前端开发者来说，对象是非常常见的…

promise Promise是一种用于处理异步操作的对象，它可以将异步操作的结果以回调函数的形式返回给调用者。 Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。 当异步操作执行完毕后，Promise对象的状态会从pending变为fulfilled或rejected，然后调用对应的…

javascript 高级 安全的函数作用域 立即调用的函数表达式（IIFE）是一种常见的JavaScript模式，用于创建私有作用域。IIFE是一个函数表达式，它在定义后立即调用。在IIFE中定义的变量和函数只能在IIFE内部访问，而不是在全局作用域中访问。这使得IIFE非常有用，因为它们可以帮助防止命名冲突和其他问题，同时仍然允许在全局作用域中…

Scroll Dom元素滚动时触发的Scroll事件 事件对象：window, Dom元素 事件捕捉：元素滚动条滚动时 滚动原理(滚动发生了什么？) 事件方法 方法名 说明 onScroll 滚动对象内部内容区域的滚动事件 onwheel 鼠标滚轮滚动触发事件(主要和onScroll做区别) scroll(x, y)或 scroll(options…

js相关方法 包含es6、常用原生js方法等 对象转数组 es6 对象遍历次序规则： 首先遍历所有数值键，按数值升序排列 其次遍历所有字符串键，按加入时间升序排列 最后遍历所有Symbol键，按加入时间升序排列 es6 对象遍历方法： Object.keys() for...in... Object.getOwnPropertyNames() Ob…

openLayers 开源的javascript的库，用来在web浏览器显示地图，提供的API类似于Google地图和Bing地图 使用的默认投影坐标：EPSG：3857，和OSM(OpenStreetMap)/Google Map/Bing Map默认坐标一致; 不同于高德百度地图的数据格式('EPSG:4326' WGS 84)，使用前注意转换…

object 对象的巧用 浅拷贝，同原的利用 循环的时间复杂度远远高于，不循环，所以可以不用循环尽量不用。但是在开发中很多的循环是不可避免的，这时候就可以考虑来构造一个对象替代循环，通过对象属性直接查找目标，可以降低时间复杂度O(n)，提高性能。 尤其是在数组嵌套的数组中等等。 举个栗子： arr: [{ id: '1', text:'一级父数组'…