- 博客(179)
- 收藏
- 关注
RSS订阅原创 writing-a-searchable-database-with-pure-html-css-and-js-15cg
这是我创建 [https://micahlt.github.io/renart/] 的方法. 大约一周前，我在学校遇到了一个困难的情况。我有一个关于文艺复兴艺术的AP欧洲历史作业，需要我找到大量关于文艺复兴艺术的信息。我热爱HTML和CSS，不懂SQL（或其衍生语言），所以我需要用纯HTML和CSS（可能还有一点JavaScript）来构建一个“数据库”。如果你对这里发生的事情不熟悉，我们正在创建一个默认的输入框，添加了占位文本“search here”。接下来，我创建了一个简单的输入框。
2023-09-27 13:48:49
134
原创 writing-a-parents-function-using-vanilla-js-2pgc
为了使用更现代的框架（如React、Vue和Ember JS），我放弃了非常有用和强大的Jquery，最让我怀念Jquery的是它超级简单的DOM操作，在纯JS中我们没有这个功能。我最喜欢的内置函数是.parents()函数和.on()事件处理程序（$ elm节省了很多代码字符！这两个函数的唯一作用就是至少将纯JS代码减少了10倍。// 在单击页面上的任何p标签时执行任何操作});这非常酷和有用。
2023-09-27 13:48:18
121
原创 where-to-write-and-execute-javascript-code-39oj
原始地址：https://dev.to/techworld_with_nana/where-to-write-and-execute-javascript-code-39oj。‘’'在这个新的视频中，我解释并展示了编写和执行JavaScript代码的三种方法。将JavaScript代码写在单独的文件中，在HTML文件中链接这个文件。在浏览器控制台中直接编写代码。
2023-09-27 13:47:32
109
原创 what-the-heck-are-cjs-amd-umd-and-esm-ikm
你可能听说过其中一些（还有其他的方法，但这些是最重要的）。原始地址：https://dev.to/iggredible/what-the-heck-are-cjs-amd-umd-and-esm-ikm。在一开始，JavaScript没有一种导入/导出模块的方法。它是JavaScript实现标准模块系统的提案。我将介绍一些高层次的信息：语法、目的和基本行为。我的目标是帮助读者在实践中识别它们的使用。下面是一个可能的示例代码（//通过返回一个值来定义模块的值。// 这是我定义模块实现的地方。
2023-09-27 13:46:58
75
原创 whats-new-in-es2022-1de6
原始地址：https://dev.to/jasmin/whats-new-in-es2022-1de6由于正则表达式标志/d，matchObj也有一个称为indices的属性，用于记录每个已编号分组在输入字符串中被捕获的位置。它们的索引存储在中。
2023-09-27 13:46:28
19
原创 what-is-the-best-ide-for-javascript-development-in-2021-1pmn
一个迅速增长的社区已经为100多种不同的"模式"创建了包，包括对所有主要编程语言的支持，使用结构化格式（如LaTeX、Markdown、Textile等）编写散文，运行SQL查询，编写剧本，制作预算等等。它支持许多技术和语言，如JavaScript、HTML、CSS、Angular JS、TypeScript、Node.js、Meteor、ECMAScript、React、Vue.js、Cordova等。因此，称任何一个单一的IDE为最佳是不公平的，因为它们各自都有自己的优势和劣势。
2023-09-27 13:44:29
30
原创 what-is-state-and-why-should-we-care-about-it-4o95
原始地址：https://dev.to/reedbarger/what-is-state-and-why-should-we-care-about-it-4o95。
2023-09-27 13:43:59
20
原创 what-is-json-and-why-do-you-need-it-21nd
原始地址：https://dev.to/techlearners/what-is-json-and-why-do-you-need-it-21nd‘’'在讨论之前，我想先讲一个简单的例子，因为在示例之后解释会更容易。假设我们正在开发桌面软件或Web应用程序。因此，对于桌面软件，我们需要保存用户所做的设置更改，以便当用户在其他时间再次打开软件时，无需再次更改设置。对于用户来说，每次启动都需要配置相同的更改是非常烦人的。那么，Web应用程序呢？Web应用程序需要存储许多临时配置或数据，以提供良好的用户体验。
2023-09-27 13:43:27
21
原创 vs-code-define-a-region-1cd1
绝对是我最喜爱的代码编辑器之一，我一直在使用它。使用它，你可以将一段代码封装起来，以便折叠。这样做可以更轻松地组织代码，并让你专注于你正在编写的功能，而忽略其他一切。原始地址：https://dev.to/hurricaneinteractive/vs-code-define-a-region-1cd1。还不错，但是如果你添加适当的jsdoc块，函数仍然会占用相当大的空间。现在，你可以将代码在#region定义处折叠起来，将代码折叠成以下方式;如果没有折叠，你能做的最好的是以下方式;请注意保持安全 ❤️。
2023-09-27 13:42:54
28
原创 ultimate-list-of-javascript-learning-resources-free-37c2
原始地址：https://dev.to/chetan_atrawalkar/ultimate-list-of-javascript-learning-resources-free-37c2。
2023-09-27 13:42:21
29
原创 top-js-frameworks-in-2023-28m4
原始地址：https://dev.to/pulkitsingh/top-js-frameworks-in-2023-28m4。
2023-09-27 10:52:25
24
原创 top-40-javascript-methods-you-must-know-fj5
在上面的例子中，2表示新元素应该放置的索引号，1表示应该删除的元素数量，正如我们之前提到的，应该删除1个元素，所以在第二个数组中没有’Robert’。slice()方法用于返回字符串的切片部分，它接受一个或两个参数，表示切片的起始和结束位置。，这在构建项目时非常常用，但有时需要在单个变量中收集多个值，比如学生姓名的列表，这时我们可以使用数组的概念。map()方法接收一个数组，并对数组的每个元素执行特定的函数，并返回一个新的数组。数组是一个单一的变量，它存储一个值的列表，每个元素由一个单一的索引指定。
2023-09-27 10:51:57
22
原创 top-20-javascript-tips-and-tricks-to-increase-your-speed-and-efficiency-283g
原始地址：https://dev.to/techygeeky/top-20-javascript-tips-and-tricks-to-increase-your-speed-and-efficiency-283g。
2023-09-27 10:50:20
24
原创 top-10-free-resources-to-learn-javascript-in-2020-4d62
在本文中，我将分享一些2023年学习JavaScript的最佳资源。我首先承认我的JavaScript技能不如Java好，这就是为什么我总是在寻找一些好的资源，在线通过视频教程和这些交互式网站来学习和巩固我学到的JavaScript知识。在提供免费教程、文章、博客帖子、视频和播客的众多网站中，我选择了这十个网站和免费教程，推荐给任何想学习JavaScript的人。
2023-09-27 10:49:50
18
原创 top-5-best-resources-to-learn-javascript-e3p
学习 Javascript 的所有基础知识，包括基本类型、数组、函数、赋值运算符、窗口对象等。它适用于移动应用、桌面应用、服务器端的 Node.js 技术，以及全球各地的所有浏览器。其他人都认为还有其他“更重要”的事情要学习，但练习代码并查看一些简单的工作示例也非常有用。但对于已经对所阅读的技术有相当了解的人来说，它是一个极好的资源。原始地址：https://dev.to/innocentcoder/top-5-best-resources-to-learn-javascript-e3p。
2023-09-27 10:31:11
21
原创 top-3-ways-to-easily-detect-when-a-user-leaves-a-page-using-javascript-2ce4
*注意：**此事件非常适合向后端发送分析和类似的数据，但如果我们想要发送信息以判断用户是否仍然打开了某个页面，我们应该使用前两个事件，或者每隔几秒向用户发送请求。有时我们会使用这些数据来改变网站上的某些内容，有时是为了发送分析数据，有时我们只是因为其他原因需要知道这些信息。然而，我们需要牢记这个事件并不总是可靠的。与beforeunload事件类似，当用户离开当前页面，比如点击返回按钮时，会触发pagehide事件。的解释，与beforeunload事件一样，pagehide事件并不总是可靠的。
2023-09-27 10:30:40
21
原创 todo-list-app-using-html-css-javascript-5e7p
所以今天我带来了另一篇博客，在这篇博客中我创建了一个Todo应用程序，当你刷新页面时，你添加的列表或任务不会被删除，并且在这个Todo应用程序中还有待处理任务数和你还可以一键删除所有任务的功能。原始地址：https://dev.to/codingnepal/todo-list-app-using-html-css-javascript-5e7p。//一旦任务添加完成，取消激活添加按钮。
2023-09-27 10:26:51
31
原创 the-ultimate-guide-to-passport-js-k2l
如果我们要为这些身份验证方法创建一个谱系，基于会话的身份验证将是最早的方法之一，但肯定不会过时。该身份验证方法是“服务器端”，这意味着我们的Express应用程序和数据库共同工作，以保持访问我们的应用程序的每个用户的当前身份验证状态。基本HTTP标头协议Cookie是什么会话是什么会话（服务器）和Cookie（浏览器）如何交互以验证用户点击此处。
2023-09-27 10:26:20
24
原创 the-proper-way-to-write-async-constructors-in-javascript-1o8c
原始地址：https://dev.to/somedood/the-proper-way-to-write-async-constructors-in-javascript-1o8c‘’'#异步构造函数???在任何人迅速进入评论区之前，我必须强调这篇文章是为了强调。然而，在目前情况下，有一些解决方法。其中一些方法不错…但大多数方法都相当非常规的（最不济）。在本文中，我们将讨论我们尝试模拟异步构造函数的不同方式的限制。一旦我们确定了这些缺点，我将演示我在 JavaScript 中找到的恰当的。
2023-09-27 10:25:24
20
原创 the-only-3-steps-you-need-to-mock-an-api-call-in-jest-39mb
原始地址：https://dev.to/zaklaughton/the-only-3-steps-you-need-to-mock-an-api-call-in-jest-39mb我最近在一个Javascript代码库中工作，我需要实现新的Jest测试。当时我对编写测试知之甚少，所以我查看了Jest文档和代码库中现有的模式，找出了最佳实践和实现方法。这是相当直观的，我甚至发现自己喜欢上了测试。但是我却一直无法可靠地模拟API调用。
2023-09-27 10:24:53
23
原创 the-25-most-recommended-javascript-books-of-all-time-1ec9
原始地址：https://dev.to/daolf/the-25-most-recommended-javascript-books-of-all-time-1ec9‘’'本文是我之前发表的一篇文章的续集，该文章是有关的。如果你最近阅读了这本书的话，我猜你可以直接跳到。互联网上有无数的列表声称是“最佳JavaScript书籍”的列表，而且似乎所有这些列表总是推荐那些减去两三个奇怪选项之外的相同书籍。寻找学习编程的好资源始终很棘手。
2023-09-27 10:22:20
20
原创 the-6-month-web-development-mastery-plan-in-2020-for-free-149h
完成您的博客网站后，我建议您学习GraphQL。我建议您使用VSCode作为您的代码编辑器（用于编写代码），并学习一些Git和Github（版本控制和开发者共享代码的地方）。当我开始学习网页开发时，我选择了付费课程，从中学到了很多东西，但如果您预算有限，免费课程也可以。这个教程完美地总结了你到目前为止学到的东西，使用了GraphQL、Typescript、Postgresql、React、Express，并教你一些新的框架/工具。到目前为止，您已经是一位认真的开发者了，已经投入了3个月的时间学习网页开发。
2023-09-27 10:21:48
14
原创 simple-countdown-timer-using-javascript-1jab
然后，借助JavaScript代码的帮助，从该时间中减去当前时间，这个减法每秒钟减少一次。在这种情况下，让我告诉您，这里使用的时间不是任何服务器的时间。现在，在所有工作的最后，我将设计JavaScript代码中使用span添加的文本。然后，我使用下面的css代码设计了网页。然后，我从预先确定的时间中减去当前时间，并将其存储在diff（常数）中。首先，我们使用Date.parse来设置一个特定的日期，即您希望运行倒计时的时间。在本文中，我使用简单的JavaScript代码创建了一个倒计时器，并与您分享。
2023-09-27 10:21:25
13
原创 text-to-speech-in-3-lines-of-javascript-b8h
原始地址：https://dev.to/asaoluelijah/text-to-speech-in-3-lines-of-javascript-b8h。下一步是创建一个新的speechSynthesis对象，添加所需的属性，并让我们的应用程序说话👇。但是如果你不着急，这篇文章将用JavaScript讲解有关将文本转化为语音（口语）的一切内容。Web Speech API的另一个令人惊叹的功能是将文本转化为语音。‘’'如果你有兴趣尝试一下，下面的3行代码是这样的。msg.text = “早上好”;
2023-09-27 10:12:43
23
原创 single-page-application-routing-using-hash-or-url-9jh
*注意：**使用此方法存在一些缺点。虽然有许多方法可以实现这一目标，但是这是您需要了解的两种方法，以成为一名更好的前端开发人员。最后，当页面首次加载时，我们需要调用该函数，否则主页将无法工作，除非点击它。**哈希路由**在使用框架时更常见，但如果您从头开始创建它，则负面的SEO好处可能会让您却步。您可以根据喜好设置文件，但是为了本教程的简便性，您可以按照下面的示例进行复制。首先，我们将介绍如何使用**URL路由**进行操作。*如果您使用哈希方法，请将您的router.js文件的内容替换为以下代码。
2023-09-27 10:12:02
18
原创 simple-countdown-timer-using-javascript-1jab
然后，借助JavaScript代码的帮助，从该时间中减去当前时间，这个减法每秒钟减少一次。在这种情况下，让我告诉您，这里使用的时间不是任何服务器的时间。现在，在所有工作的最后，我将设计JavaScript代码中使用span添加的文本。然后，我使用下面的css代码设计了网页。然后，我从预先确定的时间中减去当前时间，并将其存储在diff（常数）中。首先，我们使用Date.parse来设置一个特定的日期，即您希望运行倒计时的时间。在本文中，我使用简单的JavaScript代码创建了一个倒计时器，并与您分享。
2023-09-27 10:11:30
10
原创 simple-barcode-generator-using-javascript-free-code-1oo
现在是使用JavaScript创建JavaScript条码扫描器的时候了。在这里，我已经添加了使用html的简单条码生成器的基本信息。如果您了解基本的html、css和javascript，那么您可以创建这个javascript条码。在本教程中，您将学习如何使用html css和javascript创建javascript条码生成器。现在是使用一些css设计这个html条码生成器的时候了。希望您能够使用上述代码创建这个简单的条码生成器。希望您能够使用以上代码创建这个简单的条码生成器。
2023-09-27 10:06:21
17
原创 screen-recording-in-10-lines-of-vanilla-js-3bo8
原始地址：https://dev.to/sebastianstamm/screen-recording-in-10-lines-of-vanilla-js-3bo8‘’’让我们来看一下如何捕捉和记录用户的屏幕。不仅仅是你的页面，还有用户浏览器的其他标签页，桌面甚至其他应用程序。而且我们可以在没有浏览器插件或庞大库的情况下实现这一点。相反，我们只需要10行原始的Javascript代码。为了实现这一点，我们将使用。它与相关联，但现在我们忽略了所有浏览器之间的点对点流媒体传输，只需要进行简单的录制。
2023-09-27 09:55:56
18
原创 roadmap-to-learn-and-practice-html-css-javascript-in-6-weeks-27l4
对于网络开发人员的需求一直很高，并且还在不断增加，最重要的是，计算机科学学位不是进入网络开发的先决条件。CSS是使您的页面在屏幕上呈现想要的样式的关键，因此它值得跟上时代。层叠样式表（CSS）是一种用于描述用标记语言编写的文档的呈现方式的样式表语言。通过使用HTL，您可以使用简单的标记语法定义和构造网站的内容。在课程结束时，您需要提交一些项目，并获得您的证书。接下来，您可以通过观看YouTube上的速成课程来提高您的知识，不仅仅是观看，还要边看边练习。您应该花两天的时间学习这些资源中的内容。
2023-09-27 09:55:04
12
原创 resumable-javascript-with-qwik-2i29
Qwik是一个独特的JavaScript框架，因为它是唯一一个可以在组件级别上进行无序水化的框架。对于大多数JavaScript库来说，这是一个自顶向下的过程，与在浏览器中重新渲染整个应用程序非常相似，即使它实际上并不创建任何新的DOM节点。从我的角度来看，这是要解决的80%的问题。直到你意识到，当你导航到新页面时，你正在加载整个应用程序的路由信息，并且你突然加载了数十个新的迷你JS文件以在浏览器中渲染整个页面。如今，我们的JavaScript框架通常是同构的，可以在服务器和浏览器中进行渲染。
2023-09-27 09:54:32
14
原创 reasons-why-javascript-is-awesome-5pf
原始地址：https://dev.to/inspiratory/reasons-why-javascript-is-awesome-5pf。
2023-09-27 09:53:59
18
原创 parse-html-strings-with-domparser-in-javascript-3bl6
原始地址：https://dev.to/dcodeyt/parse-html-strings-with-domparser-in-javascript-3bl6。如果您运行此代码并在控制台查看输出，您将看到一个完整的文档对象，类似于每个页面都自带的正常文档。如果你正在学习Web开发，你可以在下面的链接找到关于JavaScript DOM的完整课程 👇。，那么你就会知道我喜欢在JavaScript中发现新事物。这个就不例外，让我们来看看吧 😎。如果你喜欢通过视频教程学习DOM解析器，可以在下面观看视频 👇。
2023-09-26 16:49:19
39
1
原创 oporator-overloading-in-javascript-292f
附注：您可以使用插值语法将这些字节字符串（稍作修改以将它们重新组合），并将其轻松传递给webgl或Wasm。如果字节字符串对您来说不合适，那么一个可以直接相加的Vector类实例或CSSOM单位的抽象可能会很棒，我可以想到很多很酷的用途。原始地址：https://dev.to/adam_cyclones/oporator-overloading-in-javascript-292f。
2023-09-26 16:48:45
9
原创 oops-in-javascript-with-easy-to-understand-examples-2ppn
原始地址：https://dev.to/nehal_mahida/oops-in-javascript-with-easy-to-understand-examples-2ppn。
2023-09-26 16:48:14
23
原创 new-javascript-features-ecmascript-2022-with-examples-4nhg
每年都有新的令人敬畏的功能可以在我们的项目中使用。每年都有新的令人敬畏的功能可以在我们的项目中使用。有时，我们捕获在更深层的函数调用中抛出的错误，并希望附加更多信息给它们。新的**/d标志**功能提供了有关每个匹配项在输入字符串中的开始和结束索引位置的其他信息。注意：上述示例中我们使用的是静态公共字段和方法，但我们也可以创建静态私有字段和方法。使用**/d标志**后，我们得到一个带有匹配正则表达式的不同元素的索引数组。
2023-09-26 16:35:46
20
原创 managing-javascript-the-easy-way-in-rails-7-517g
原始地址：https://dev.to/pezholio/managing-javascript-the-easy-way-in-rails-7-517gRails 7已经发布了，并且随之而来的是一种全新的方式来管理JavaScript，其中包括。我是一个经验丰富的开发人员，但我必须承认，我对这些概念感到困惑，而且我有一个非常简短的全新项目，我希望能够尽快完成并交付出去。我希望采取的方法与我在Rails 6和Webpacker中所使用的方法相似，但同时使用一些新的东西，并且不会在我发布之后很快变得过时。
2023-09-26 16:35:10
16
原创 make-text-fit-it-s-parent-size-using-javascript-m40
Mutation Observer实现](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver)，所有现代浏览器都支持该实现。然而，本文表明，即使没有第三方代码的情况下，现代浏览器已经提供了足够的功能，可以使用约50行代码来构建您自己的调整大小工具。然而，这里的问题是：我尝试过其中几个，但没有一个能够完美地集成到我的代码中，至少没有太大的额外开销。幸运的是，我们可以只对我们先前的代码进行轻微修改就可以了。
2023-09-26 16:34:37
15
原创 mac-os-for-the-web-5a24
这个网站有渐进式Web应用程序(PWA)，通过这个功能，我们可以像 Windows、Mac OS、GNU/Linux 这样的任何操作系统上安装它，我们还可以离线使用它 😃。我认为，如果一件事开始不顺利，当你尽力而为时，它可能会结束得很好。这个项目就是这样，一开始不顺利，很简单，但当我继续努力并且没有断掉这个链条时，我看到了惊人的进展。我想介绍一下我的项目，我称之为Mac OS网页仿真器。我在这个项目上已经工作了大约六个月，而在这个项目期间，我学到了许多编程中的重要主题。我对与计算机和科学相关的事物感兴趣。
2023-09-26 16:34:06
20
原创 logical-or-vs-nullish-coalescing-operator-in-javascript-3851
在本文中，让我们看看这个运算符的用例以及它与逻辑或的区别。逻辑或运算符的功能是，如果左侧值强制转为false，则返回右侧值。在我们许多的用例中，例如上面的用例，这会导致意外的结果，我们最终使用typeof运算符。// 预期：[1, 2, 3]，输出：[1, 2, 3]// 预期：[1, 2, 3]，输出：[1, 2, 3]// 预期：[]，输出：[1, 2, 3]paginate(1);// 预期：[1]，输出：[1]paginate(1);// 预期：[1]，输出：[1]// 预期：[]，输出：[]
2023-09-26 16:32:27
11
原创 linking-to-css-and-javascript-in-an-html-file-306m
原始地址：https://dev.to/pauljwil/linking-to-css-and-javascript-in-an-html-file-306m链接CSS和JavaScript在HTML文件中本教程的目的是教会您如何在HTML文件中链接到CSS和JavaScript文件。在HTML文档中直接编写CSS和JavaScript是可能的，但通常最好将这三种语言放在各自单独的文件中。目录2. HTML为了链接到CSS和JavaScript文件，您需要一个HTML文档进行操作。
2023-09-26 16:28:43
10
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人