浏览器视频帧操作方法 requestVideoFrameCallback() 简介
一个新的WEB API，2021 年 1 月 25 日提交的草案。requestVideoFrameCallback() 方法允许WEB开发者注册一个回调方法，回调方法在新视频帧发送到合成器时在渲染步骤中运行。这是为了让开发人员对视频执行高效的每帧视频操作，例如视频处理和绘制到画布上（截屏）、视频分析或与外部音频源同步。
前端基础
JSON 和JavaScript 介绍与区别
JSON 是 JavaScript Object Notation 的缩写。 JSON JavaScript 也是如此吗？不完全是。 JSON 是一种独立于任何编程语言的数据格式，源自于 JavaScript。大部分现代编程语言都包含可以生成和解析 JSON 数据的方法。
一种兼容、更小、易用的WEB字体API
随着 WEB 字体的出现，特别是 Google Fonts CSS API 的普及，让在WEB中使用特殊字体变得简单、快速、灵活，当然更多的还是面向英文字体，对于做外贸或者英文网站的开发者来说是福音。
谈 JavaScript 函数表达式与函数声明
在 JavaScript 中创建函数有两种方法：函数表达式和函数声明。在本文中，将讨论何时使用函数表达式与函数声明，并解释它们之间的区别。
JavaScript 基础（二）：函数
在本文中，将专注于在 JavaScript 中定义自己的自定义函数，介绍函数的定义方式、声明、作用域及参数定义。
JavaScript 基础（一）：语法和程序结构
JavaScript 是 Web 开发需要掌握的一种编程语言，它创建于 1995 年，用于在网景（Netscape） Navigator 浏览器中将程序添加到网页中。今天，该语言已被所有其他主要网络浏览器支持。
JavaScript数据结构之Number
Number 是JavaScript的基本数据结构，是对应数值的应用类型。要创建一个 Number 对象，就使用 Number 构造函数并传入一个数值。在 JavaScript 中没有其他语言这么多的数字类型。
JavaScript数据结构之Object
Object 定义一组属性的无序集合，可以将其想象成一张散列表，其中的内容就是一组名/值对，值可以是数据或者函数。 而数组是一个有序集合，为了保证元素排列有序，相比 Object 来说会占用更多的内存空间。
JavaScript数据结构之Map
映射（Map）是 ECMAScript 6 规范中引入的一种数据结构。这是一种存储键值对列表很方便的方法，类似于其他编程语言中的词典或者哈希表。常用的 Map 方法有：赋值 set(key, value) 、获取 get(key) 、移除指定键名及其对应的值 delete(key) 、判断是否存在 has(key) 、 获取所有值 values() 、key/value 迭代器 entries()、清空所有键/值对 clear() 等。
JavaScript 中对象和映射之间的 6 个区别
Object 和 Map 都是键值对的动态集合，关于Map其他方面的介绍可以阅读《Map映射》，从这个定义开始，它们非常相似，但之间还是存在一定的差异，本文就来总结一下主要的 6 个差异点。
JavaScript 数组方法 .map() 的 5 个使用场景
.map() 函数是 JavaScript 数组结构中很实用的一个方法之一，更多可以参阅《JavaScript 数据结构之 Array》。本文主要介绍一下.map() 函数常用的场景，其通过调用回调函数创建一个新数组。该函数访问调用数组中的每个元素。
【Three.js】WEB3D项目开发中实用工具推荐
上一篇谈到元宇宙设想了一个由虚拟世界和3D技术广泛应用重塑的未来。Three.js 是一个非常令人印象深刻的 JavaScript 3D 库，它也使用 WebGL（或 2d Canvas）进行渲染。本文主要是介绍一些使用 Three.js 时的辅助工具，没有必要全部使用，但它们有时对项目开发非常有用。
在 JavaScript 中创建私有成员
面向对象编程语言中的 private 关键字是一个访问修饰符，可用于使属性和方法只能在声明的类中访问。这使得隐藏底层逻辑变得容易，这些底层逻辑应该被隐藏起来，并且不应该与类的外部交互。
JavaScript 中的 .forEach() 和 for...of
.forEach() 方法被认为是 JavaScript 中的高阶函数，其工作方式是为列表中的每个元素传入当前元素、索引和列表（正在循环的整个数组），用更专业的术语来说就是对于迭代器的每次调用，函数都会接收三个参数（元素、索引、列表）调用。
JavaScript 数组操作必须熟练运用的10个方法
JavaScript 提供了大量不同的处理数组的方法，这里花几分钟时间介绍 10 个项目中可以用到的数组方法：map、filter、find、findIndex、forEach、every、some、reduce
JavaScript 数组展平方法： flat() 和 flatMap()
作为一门主流的WEB编程语言，JavaScript 不断发展，添加新的语法、功能或抽象，帮助开发人员轻松解决复杂的问题。如数组展平过去需要自己编写方法来实现，而从 ES2019 中开始引入了一种扁平化数组的新方法，可以展平任何深度的数组，这个方法就是 flat() 。而说起 flat() 的方法，就不得不顺便说下 flatMap()。
JavaScript 数组方法 slice() 的 5 个示例
slice() 方法将数组部分的副本返回到新的数组对象中。这个对象是从 start 到 end 选择的。需要注意的是，此方法不会修改原始数组。此外，如果向其中一个数组添加新元素，则另一个数组不会受到影响。
2022 年 9 个最佳 JavaScript IDE 和代码编辑器
IDE 是集成开发环境，为代码开发、测试和调试功能提供用户界面。它有助于组织与软件应用程序源代码相关的项目工件。它提供了多种工具和功能，使开发变得简单并基于开发人员编写代码的编程语言进行标准化。
浏览器存储之 localStorage 和 cookie
在HTML5之前，应用程序数据只能存储在 cookie 中，并且会包含在每个服务器请求中。与 cookie 不同，浏览器本地存储限制要大得多（至少5MB），并且信息不会被传输到服务器。本文将要介绍的本地存储包括：localStorage 、cookie。
JavaScript 中对象处理之Object.freeze 与 Object.seal
数据不变性在编程语言中一直非常重要，在 JavaScript 中也是如此。在这里，有两种 JavaScript 方法可以部分保证不变性：Object.freeze 和 Object.seal。本文来总结一下这两个方法都可以用来做什么？都有什么区别？存在什么不足之处？