分类: JavaScript

15 篇文章

前端开发之:React Hooks-副作用函数 useEffect
副作用函数 (useEffect) 执行顺序 useState=>render=>useEffect,建立真实的DOM树之后(即浏览器渲染完成页面之后)开始调用 什么是副作用? react 副作用主要作用是:React组件与React之外的第三方系统数据同步,例如:发送分析日志、服务器请求或者用React状态控制非React组件等等;是…
React专栏:React Api
所有Api 名称 描述 建议或更多 cloneElement 覆盖组件props 接收props的function替代 Component class YourComponent extends Component {} 建议使用函数组件替代 createElement 创建一个React节点 直接创建标签组件 createFactory 创建一个…
前端开发之:ES6 Class对象的继承
类的关系 继承 Class对象的子类继承父类的所有属性和方法。 子类可以通过改写覆盖从父类继承的属性和方法,但不会对父类产生影响。 多个实例间可以互相影响吗: //Class对象的继承可以使用extends关键字来完成。以下是一个示例: // 父类 class Animal { constructor(name) { this.name = nam…
前端开发之:ES6Class对象
对象 一个对象是 Javascript 中的引用数据类型。它由键值对构成,每对键值间使用冒号分隔,键值对之间使用逗号分隔。一个对象可以为空或拥有无数个属性。 对象有比较多的应用。它可以用于将相关的数据封装到一起,形成一系列有关联的数据和功能,这些相关数据和功能被封装在一个对象中,这种设计思想就称为面向对象编程。 对于前端开发者来说,对象是非常常见的…
前端开发之:异步I/O
promise Promise是一种用于处理异步操作的对象,它可以将异步操作的结果以回调函数的形式返回给调用者。 Promise对象有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。 当异步操作执行完毕后,Promise对象的状态会从pending变为fulfilled或rejected,然后调用对应的…
前端开发之:javascript高级
javascript 高级 安全的函数作用域 立即调用的函数表达式(IIFE)是一种常见的JavaScript模式,用于创建私有作用域。IIFE是一个函数表达式,它在定义后立即调用。在IIFE中定义的变量和函数只能在IIFE内部访问,而不是在全局作用域中访问。这使得IIFE非常有用,因为它们可以帮助防止命名冲突和其他问题,同时仍然允许在全局作用域中…
前端开发之:js基础系列-浏览器滚动事件
Scroll Dom元素滚动时触发的Scroll事件 事件对象:window, Dom元素 事件捕捉:元素滚动条滚动时 滚动原理(滚动发生了什么?) 事件方法 方法名 说明 onScroll 滚动对象内部内容区域的滚动事件 onwheel 鼠标滚轮滚动触发事件(主要和onScroll做区别) scroll(x, y)或 scroll(options…
前端开发之javascript方法:对象转数组(es6)
js相关方法 包含es6、常用原生js方法等 对象转数组 es6 对象遍历次序规则: 首先遍历所有数值键,按数值升序排列 其次遍历所有字符串键,按加入时间升序排列 最后遍历所有Symbol键,按加入时间升序排列 es6 对象遍历方法: Object.keys() for...in... Object.getOwnPropertyNames() Ob…
前端开发之GIS地图框架:openlayers
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:'一级父数组'…