不超过十行代码完成一个标准的深拷贝
我们谈到深拷贝与浅拷贝都是针对于对象或者数组这种复杂数据类型,也就是引用数据类型浅拷贝:只是对内存地址的拷贝,跟拷贝前指向的是同一块内存;深拷贝:既拷贝了内存地址,又拷贝了数据内容,是在堆内存中重新开辟了一块存储空间.
节流与防抖
概念:在规定的间隔时间范围内不会重复触发回调,只有大于这个时间间隔才会触发回调,把频繁触发变为少量触发。类似于技能CD。应用:点击按钮,轮播图点击左右箭头。
CSS容器查询
CSS容器查询终于来了! 它们目前在谷歌浏览器(105)中得到了支持,很快就会在Safari 16中得到支持。这对前端来说容器查询与媒体查询一样重要。在这节课中,我们介绍一下容器查询是如何工作的,如何使用它们
Javascript 手写 LRU 算法
LRU 是 Least Recently Used 的缩写,即最近最少使用。作为一种经典的缓存策略,它的基本思想是长期不被使用的数据,在未来被用到的几率也不大,所以当新的数据进来时我们可以优先把这些数据替换掉。
如何处理后端一次性返回的十万条数据
抛出问题:后端未做分页处理,一次性返回十万条数据,作为前端开发工程师,应该如何应对呢?首先,我们来写个测试案例,模拟后端返回十万条数据,来看一下页面渲染效果。
手把手教你实现一个常用的 antd form 组件
我们从官网摘下来一段Form代码,可以很清晰的看出一个简单的表单,主要是为了统一收集和校验组件的值。那么它是如何做到统一收集和校验呢?原理很简单,只需要通过监听表单组件的onChange事件,获取表单项的 value
您需要知道的API基础知识都在这里
API是应用程序编程接口(Application Programming Interface)的缩写,能够起到两个软件组件之间的连接器或中介的作用。此类接口往往通过一组明确的协议,来表示各种原始的请求和响应。API文档可以向开发人员展示请求和响应是如何形成的
Object.keys的‘诡异’特性,你值得收藏!
看到这里是不是觉得很懵?话不多说,我们先查文档,看看mdn上对 Object.keys 的描述:Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。
面试说:聊聊JavaScript中的数据类型
因为 JavaScript 是弱类型语言或者说是动态语言。这意味着你不需要提前声明变量的类型,在程序运行的过程中,类型会被自动确定,也就是说你可以使用同一个变量保存不同类型的值