JavaScript/TypeScript
关注
分享
扫一扫
文章平均质量分 88
dangfulin
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript：闭包、防抖与节流
一，闭包1，什么是闭包闭包是指一个函数和其周围的词法环境(lexicalenvironment)的组合。换句话说，闭包允许一个函数访问并操作函数外部的变量。闭包的核心特性:函数内部可以访问外部函数的变量即使外部函数已经返回，内部函数仍然可以访问这些变量闭包可以保护变量不被垃圾回收机制回收一个简单的例子：functionouterFunction(x){lety=10functioninnerFunction(){//内部函数in原创 2024-10-19 16:44:53 · 1205 阅读 · 0 评论 -
JavaScript：在前端代码中读、写本地文件
一，在前端代码JavaScript中读写文件的限制与处理在前端 JavaScript 中，浏览器环境没有直接提供操作文件系统的能力。也就是说，你不能像在 Node.js 环境中那样，使用 fs 模块来删除或创建文件。这是因为浏览器出于安全性的考虑，不允许网页随意访问用户的文件系统，以防止潜在的恶意行为。然而，浏览器确实提供了一些有限的文件操作能力，主要是通过以下几种方式：1，文件上传和下载- 文件上传: 可以通过 <input type="file"> 元素让用户选择文件，然后通过 Ja原创 2024-08-25 17:59:01 · 10147 阅读 · 0 评论 -
JavaScript基础入门
一，什么是JavaScript1，与Java无关！与Java无关！与Java无关！JavaScript是一种为网站添加互动以及自定义行为的客户端脚本语言， 通常只能通过Web浏览器去完成操作， 而无法像普通意义上的程序那样独立运行。JavaScript是一种轻量级、解释型的 Web 开发语言，该语言系统不是很庞杂，简单易学。由于所有现代浏览器都己嵌入了JavaScript引擎、JavaScript 源代码可以在浏览器中直接被解释执行，用户不用担心支持问题。JavaScript的引入，符合”渐进增原创 2020-08-21 16:07:43 · 6102 阅读 · 5 评论 -
JavaScript——1：了解 JavaScript
最开始的HTML相当简单，很容易就能够掌握设计网页所需知道的一切。但随着 Web 的发展，页面设计人员还希望他们的页面能够与用户进行交互， HTML 很快就显得不足以满足这一需求了，而JavaScript的发明，就为控制浏览器和网页添加了许多活力和交互方法。一，JavaScript 是什么JavaScript 是一种可以用来给网页增加交互性的编程语言。JavaScript 程序也被称为“脚本”，它们包含在 HTML 页面内部（最初编写脚本的方式）或者驻留在外部文件中（通常的方法）。例如：<!D原创 2021-04-13 21:03:14 · 324 阅读 · 0 评论 -
JavaScript——2：开始使用 JavaScript
这里以完善一个弹窗提醒功能作为开始。一，将脚本放在哪里（一）放在HTML文件中脚本可以放在 HTML 页面上的两个位置： <head>和</head>标签之间，或者<body>和</body>标签之间。<!DOCTYPE html><html><head> <title>My first script</title></head><body> <h1&原创 2021-04-15 23:38:50 · 284 阅读 · 0 评论 -
JavaScript——3：第一个应用程序
之前简单地介绍过JavaScript的一些基础知识，包括循环、函数、对象等，这里将通过一个bingo游戏的例子介绍对它们的应用。一， 用循环进行重复操作这个示例演示如何建立和使用循环，用随机生成的数字填充 Bingo 卡片的内容：test.html文件：<!DOCTYPE html><html> <head> <title>Make Your Own Bingo Card</title> <link rel="styles原创 2021-04-17 20:57:49 · 188 阅读 · 0 评论 -
JavaScript——6：操作DOM
一，DOM 基础DOM (Document Object Model，文档对象模型）是 W3C 制定的一套用来描述 JavaScript 脚本怎样与 HTML 或 XML 文档进行交互的 Web 标准API。HTML文档的树状结构包含表示HTML元素 和表示文本字符串的节点：<html> <head> <time>Sample Document</time> </head> <body> <h1>An H原创 2021-04-28 15:23:12 · 477 阅读 · 0 评论 -
JavaScript——7：事件及事件处理
JavaScript 与用户之间的文互是通过事件驱动来实现的。一，事件概念所谓的”JavaScript使我们能够实现Web页面的交互性“，很大程度上说的就是JavaScript允许Web页面对访问者做的某件事情做出响应。事件是用户在访问页面时执行的操作。当浏览器探测到在某个事件目标上触发了某种事件类型中的某个事件时，它可以执行绑定到该事件的事件处理程序，从而实现灵活的交互性。（一）事件处理模型在浏览器的不同发展阶段与不同的平台中，存在几种不同的[事件处理模型：DOM Level 0：是浏览器初原创 2021-05-01 21:10:50 · 773 阅读 · 0 评论 -
JavaScript 代码片段——计算时间距离
需求：给定一个时间字符串，例如 “2023-09-07 11:33:23”，返回距当前时间的距离，例如 “XX小时前”、“XX分钟前”、“刚刚”、超过一天显示原本时间。输入：time = “2023-09-07 11:33:23”返回：“21小时前”原创 2023-09-08 09:09:27 · 484 阅读 · 0 评论