编程三昧的博客_JavaScript

Set对象基础知识

Map 对象的出现可以看作是对 Object 对象的一种扩展和延伸，让 JS 语言对键值对格式的数据处理方式“换了天地”。 Array 对象作为 Object 的万年兄弟，又怎会错过这“旷世奇遇”，于是，Set 对象也应运而生，对 Array 进行了扩展和延伸。

javascript

数组

回调函数

原创 2023-09-23 23:28:09 108 阅读

Map对象基础篇

Map 对象是一种键值对存储的数据结构，它可以用于存储任意类型的值，并提供了快速的查找和迭代功能。Map 中的键可以是任意类型的值，包括字符串、数字、符号、对象等，而值也可以是任意类型的值，包括数字、字符串、布尔值、对象等。

javascript

迭代器

原创 2023-09-22 23:20:49 96 阅读

JS实现任务队列

我们都知道，回调本身就是一种异步操作，我们仅仅依靠订阅回调无法保证回调中任务执行顺序的。为了解决这个问题，我们可以使用任务队列，将回调函数添加到任务队列中，然后按照顺序依次执行。

任务队列

执行顺序

回调函数

原创 2023-09-21 22:36:37 234 阅读

前端上传文件的基本方法

处理用户选择的文件并将之上传至服务器，这属于是前端开发的基本功。虽然现在有各种框架和插件能够很简单地实现文件上传功能，但是作为一个有追求的前端，还是有必要了解以下前端文件上传的基本原理的。

Data

表单

上传文件

原创 2023-09-20 21:27:27 378 阅读

前端处理 File 的基础方法

在前端开发过程中，处理 File 对象的场景还是蛮多的，熟练掌握对 File 对象的处理方法，可以极大提高前端工作的幸福度。

API

Image

回调函数

原创 2023-09-18 21:47:45 356 阅读

Web Workers的简单使用场景

Web Workers 用于执行一些耗时的任务，比如数据处理、图像处理、音频处理等，而不会阻塞主线程。今天我们来了解一些 Web Worker 的常用场景。

主线程

Math

数据处理

原创 2023-09-16 21:18:24 164 阅读 yyds干货盘点

关于 Web Worker

使用Web Worker时需要注意跨域限制、文件路径、数据传递、不可访问DOM、导入外部依赖和长时间运行任务等问题。了解这些注意事项，可以更好地应用Web Worker来提升网页性能和用户体验。

Web

主线程

后台线程

原创 2023-09-15 22:16:43 154 阅读

数据响应的简单实现

JavaScript 数据响应是一种重要的前端开发概念，是指在应用程序中的数据发生变化时，能够自动更新与这些数据相关的用户界面（UI）部分的能力，它有助于构建交互性强、用户体验良好的 Web 应用程序。

数据

原创 2023-09-13 19:39:41 133 阅读 yyds干货盘点

JS动态加载样式和脚本文件

在前端开发的过程中，不可避免的需要根据前置条件动态加载样式和脚本文件，今天我们来简单的实现一下动态加载样式和脚本文件的方法……

css

动态加载

创建文件

原创 2023-09-11 23:30:28 80 阅读 yyds干货盘点

JS模块

在ES6中，我们可以使用 import 关键字引入模块，通过 export 关键字导出模块，功能较之于前几个方案更为强大，也是我们所推崇的……

加载

javascript

ES6

原创 2023-09-10 23:32:47 69 阅读

JS块级作用域

JavaScript 本身一直是函数式作用域，这就是我们经常将整个 JavaScript 文件封装在一个空的立即调用函数表达式（IIFE）中的原因……

作用域

javascript

赋值

原创 2023-09-09 23:50:09 62 阅读 yyds干货盘点

前端操作文件

操作文件好像一直是后台服务要干的事，但其实前端也可以在一定程度上来操作文件，今天我们就来了解一下……

句柄

选择器

打开文件

原创 2023-09-08 23:40:53 125 阅读

JS基本遍历方法

javascript

迭代

原创 2023-09-07 23:01:25 52 阅读

转码方式

解码是前端比较常见的一种操作。

ico

编码值

特殊符号

原创 2023-09-06 23:32:50 97 阅读

JSON.stringify 方法

JSON 对象是我们经常使用的一种数据存储对象，它的适用范围非常广。而 JSON.stringify 方法的使用频率也极高，合理使用 stringify 方法，我们可以实现很多简单需求……

JSON

序列化

字符串

原创 2023-09-05 23:47:02 256 阅读

JS 获取页面尺寸

JavaScript

原创 2023-09-04 22:50:39 142 阅读 yyds干货盘点

Promise 封装 Ajax

Ajax 请求是前端使用频率最高的功能之一，虽然现在有各种各样的工具库能够实现快速简洁的调用 Ajax 接口，但是在一些特定项目中，我们可能就是需要使用原生 Ajax 来发送请求。

json

封装

ajax

原创 2023-09-03 21:14:39 186 阅读 yyds干货盘点

Canvas 简单示例

Canvas 是 HTML5 中的一个重要的 API，它提供了一个画布元素，允许开发者在网页中绘制图形和动画。在 JavaScript 中，可以使用 Canvas 来创建各种各样的图形和动画，如游戏、交互式工具、数据可视化等。

前端

置顶原创 2023-09-02 23:04:59 96 阅读 yyds干货盘点

JS 实现简单的拖拽效果

拖拽是前端实现中比较常用的一种效果， HTML5 提供了较为强大的拖拽 API 支持，今天我们来实现一个简单的拖拽效果。

拖拽

数据

css

原创 2023-09-01 23:59:34 71 阅读

#yyds干货盘点# 系统学习 TypeScript（六）——认识接口

TypeScript 接口就像是一份具有名称的契约或者规则，契约的内容规定了某个数据结构里面的数据组成和类型，只要有某处通过名称调用了这份契约，那就意味着此处的数据必须要接受并通过契约内容的检查，否则会报错。

typescript

数据类型

javascript

置顶原创精选 2022-03-05 19:05:30 676 阅读 2点赞 1收藏 1评论 yyds干货盘点

#yyds干货盘点# 系统学习 TypeScript（五）——联合类型

到底该怎样限制 res 的类型，让它同时满足 number 和 string 的类型检查呢？这就涉及到我们今天要学的 TypeScript 的另一种类型声明——联合类型。

赋值

typescript

类型变量

置顶原创精选 2022-03-01 18:35:02 2290 阅读 1点赞 yyds干货盘点

#yyds干货盘点# 前端模块化的全面总结

随着前端功能越来越复杂，前端代码日益膨胀，为了减少维护成本，提高代码的可复用性，前端模块化势在必行。

模块化

置顶原创推荐 2022-02-27 23:50:39 1560 阅读 1点赞 yyds干货盘点

#yyds干货盘点# 迭代器总结

数据遍历是我们日常开发中经常用到的逻辑，除了最常见的 for、while、forEach 外，迭代器也提供了数据遍历的接口，了解迭代器有助于我们更好地进行数据处理。

迭代

javascript

迭代器

置顶原创精选 2022-02-26 23:07:39 302 阅读 1点赞 yyds干货盘点

#yyds干货盘点# 系统学习 TypeScript（四）——变量声明的初步学习

#yyds干货盘点#

typescript

变量声明

数据类型

置顶原创精选 2022-02-25 19:42:36 723 阅读 1点赞 yyds干货盘点

#yyds干货盘点# 系统学习 TypeScript（三）——基础类型

类型可控是 TypeScript 的一大特色，熟练掌握 TypeScript 的基础类型，就有了学好 TypeScript 的基础。

typescript

前端

置顶原创精选 2022-02-24 20:20:44 2055 阅读 1点赞 yyds干货盘点

#yyds干货盘点# 系统学习 TypeScript（二）——开发流程和语法规则

#yyds干货盘点#

typescript

javascript

语法规则

置顶原创精选 2022-02-22 19:14:52 403 阅读 yyds干货盘点

#yyds干货盘点# 系统学习 TypeScript（一）——认识 TypeScript

TypeScript 可以编译出纯净、简洁的 JavaScript 代码，并且可以运行在任何浏览器上、Node.js 环境中和任何支持 ECMAScript 3（或更高版本）的 JavaScript 引擎中。

typescript

javascript

静态类

置顶原创 2022-02-21 19:02:05 416 阅读 yyds干货盘点

#yyds干货盘点# DOM 精通了？请问 Node 和 Element 有何区别？

相信我们很多同学都经常会使用到 Node（节点）和 Element（节点）的概念，那么这两者到底有何区别，不知道有多少人能够答得上来这个问题？

html

html标签

JavaScript

置顶原创精选 2022-02-20 21:18:56 1149 阅读 yyds干货盘点

#yyds干货盘点# DOM 节点的克隆和导入

在使用 JS 操作 DOM 节点的时候，我们常常会用到克隆（或导入）节点的操作，那到底有哪些方法可以实现节点克隆（或导入）的效果呢？

html

DOM

DOM操作

置顶原创精选 2022-02-19 21:45:18 724 阅读 yyds干货盘点

#yyds干货盘点# Web_Components 系列（九）—— Shadow Host 的 CSS 选择器

-`:host` 范围最大，匹配所有的自定义元素实例； -`:host()` 只选择自身包含特定选择器的自定义元素； - `:host-context()` 选择拥有特定选择器父元素的自定义元素。

选择器

3c

自定义

组件化

webComponents

置顶原创精选 2022-02-16 20:16:25 1721 阅读 1点赞 yyds干货盘点

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

编程三昧