首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
JavaScript
zayyo
创建于2022-06-30
订阅专栏
关于JavaScript学习过程中的一些学习笔记、总结、思考、技巧,以及学习心得
等 66 人订阅
共59篇文章
创建于2022-06-30
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
5分钟从0到1,学会webSocket的使用
什么是webSocket? 优点: 基于TCP协议: WebSocket建立在TCP之上,这使得服务器端的实现相对容易。 与HTTP兼容性良好: WebSocket与HTTP协议兼容,使用HTTP协议
5分钟,让你的JavaScript代码性能提升10倍
众所周知,网站的成功与失败在很大程度上取决于其性能表现。然而,性能并非仅指网站加载速度,它还涵盖了响应性、流畅度和效率等方面。影响网站性能快慢的因素多种多样,包括但不限于页面渲染速度、网络传输速度、服
“遥遥领先”的观察者模式
前提 观察者模式是我们在开发时经常会用到的模式,最近在维护公司项目时看见了前辈的代码用到了观察者模式。就想来和大家讲解观察者模式 观察者模式 生搬硬套概念肯定会让我们新手很难理解,刚好最近华为手机出新
我定制了一个属于自己的录屏软件
相信很多朋友都用过不同软件的录屏功能,但是这些软件多少还让存在一些缺点,让我们在录屏的时候不能得心应手。 今天我就来手把手教大家自己来制作一个私人订制的浏览器录屏器, 录屏器 我们可以使用浏览器的屏幕
React组件的解耦小技巧
前提 每个程序员的梦想都是实现财富自由然后就可以不工作了,但是能实现的都是少数,但是如果在工作中摸鱼赚钱,确实比较好实现的事。 那怎么实现呢? 当然是通过写更少的代码,来实现我们的功能需求啦,并且最好
递归深度问题和尾调用的关系
当我们在编写计算阶乘的函数,一般我们都会会选择使用迭代或递归的方法来实现。下面就让我们看看,同一个函数的两种实现方法。首先,是使用迭代方式实现的函数,我们使用循环的方式来计算阶乘: 接着我们再使用递
Resize Observer监测DOM元素尺寸改变的神器
前言 大家在遇到需要监测DOM元素尺寸大小的需求时,可能第一时间想到的都是使用window.addEventListener来监听resize 事件, 但是reize事件会在一秒内触发将近60次,所以
Web性能监测的利器Performance Observer!!
前言 前段时间在研究前端异常监控平台,在思考性能监控时,想到了浏览器自带的观察者以及页面生命周期API 。于是在翻查资料时发现了,Performance ObserverAPI。正好趁着这个机会给大家
"Mutation Observer:让DOM变化尽在掌握
Mutation Observer(变动观察者) 定义 Mutation Observer的意义 你可能会问了为什么呢? 这就要讲讲Mutation events了 先给大家看一Mutation ev
JavaScript骚操作媒体查询攻略
背景 一讲到媒体查询,大家首先想到的可能都是都是CSS中@media,这也没错,这确实是最常见的媒体查询方式,但是我们今天要讲的不是它,而是大家很少接触到的window.matchMedia()和wi
Intersection Observer API 帮你搞定前端滚动问题
前言 当我们在做需求时,可能经常会遇到很多跟页面的滚动有关的需求。例如 图片的懒加载:我们希望只加载用户当前视图窗口的图片,而未进入到视图窗口的图片,只有在进入到视图窗口时才进行加载,以提高页面响应速
JavaScript崩溃指南:你遇到过这些异常吗?
今天让我们逐一详细罗列一下JavaScript的这些的错误类型, EvalError(eval错误): EvalError ,通常用于表示与 eval() 函数相关的错误。eval() 函数用于在运行
你不知道的console方法
1.console.info() 代码示例: 输出: 2.console.warn() 代码示例: 在这个例子中,当温度超过30摄氏度时,console.warn() 就会输出警告消息。如果满足条件,
JavaScript面试宝典
栈和堆的区别 栈(stack): 堆(heap): 栈的特点:开口向上、速度快,容量小; 堆的特点:速度稍慢、容量比较大; JS 中的 8 种数据类型及区别 包括值类型(基本对象类型)和引用类型(复杂
你真的知道JavaScript中的this到底指向的是什么吗?
但是是根据什么条件绑定的呢? 在不同的执行条件下会绑定不同的对象,这也是让人捉摸不定的地方。 这一次,我们一起来彻底搞定this到底是如何绑定的吧! 一. 理解this(为什么需要this?) 为什么
meta标签的详细讲解!!!
背景 前几次面试了百度、字节、阿里等大厂的时候,面试官都问到了同一个问题:你都知道什么meta标签?用处是什么? 今天就来浅浅总结一下,meta标签是什么?有什么用 meta标签是什么 那meta标签
如何对JS 中的数据类型进行检测
方法一:typeof 优点:能够快速区分基本数据类型 缺点:不能将 Object、Array 和 Null 区分,都返回 object 方法二: 2.instanceof 优点:能够区分 Array、
什么是对象的原型?
对象的原型 那么这个对象有什么用呢? 当我们通过引用对象的属性key来获取一个value时,它会触发 [[Get]]的操作; 这个操作会首先检查该属性是否有对应的属性,如果有的话就使用它 如果对象中没
如何安全的进行数据获取!!
获取数据的方式 fetch可能是我们在 JavaScript 获取数据最常见的方式。 但是,我们用fetch获取数据的的代码很有可能存在安全问题: 代码示例: 上面这段代码虽然简单好用,但存在许很多问
在过去五年里,影响最大的JavaScript 特性!!
介绍 技术总是在不断发展,JavaScript 自 1995 年提出诞生以来发生了很多的变化,从那时起到现在它添加了许多新功能。本文讨论了过去 5 年添加到 JavaScript 中的一些超级有用(但
下一页