javascript

20 个令人惊叹的一行 JavaScript 代码

本文为转载翻译文章。

原文地址:dev.to/saviomartin…

原文作者:Savio Martin

今天,我想分享 20 个 令人惊叹的 JavaScript 一行代码,让你的工作更轻松。一起来看看吧!🚀

1. 获取浏览器 Cookie 的值

使用 document.cookie 来获取 Cookie 的值。

js
复制代码
const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).

Turbo 8 正在放弃 TypeScript

从各方面来看,TypeScript 对微软来说都取得了巨大的成功。我见过很多人因使用可由编译器检查的显式类型而欣喜若狂。但我从来都不是粉丝。五分钟后不会,五年后不会。因此,我非常高兴地宣布我们将从Turbo 8 的下一个大版本中删除 TypeScript。

事实上,我实际上更喜欢 JavaScript。我什至可以说这是继 Ruby 之后我第二喜欢的语言。是的,虽然是遥远的第二秒,但仍然是第二秒。但情况并非总是如此。但是,当我们在 JavaScript 中获得了适当的类,以及自 ES6 以来出现的所有其他改进之后,编写代码就变成了一种真正的乐趣。

我仍然不认为 JavaScript 非常适合我们在网络应用程序的服务器端所做的大部分工作,但完全尊重和欣赏其他人的不同感受。对我来说,我们现在拥有如此强大的 JavaScript,这简直是我们的幸运,浏览器无需任何编译器就可以解释它。

TypeScript 对我来说只是阻碍。不仅因为它需要显式的编译步骤,还因为它用类型体操污染了代码,这给我的开发体验增添了很少的乐趣,而且常常带来相当大的悲伤。应该容易的事情变得困难,困难的事情变得“任何”。不,谢谢!

不过,这并不是请求改变任何人或任何事。正如我在编程类型和心态中讨论的那样,通常很少有程序员有兴趣改变他们对打字的看法。大多数程序员发现自己对打字有强烈的兴趣,或者在他们职业生涯的早期,然后用剩下的时间向自己和他人合理化“正确的选择”。

这是 JavaScript 与 TypeScript 二分法的魔力之一,完全归功于 TypeScript 团队意识到完全接管 JavaScript 永远不会发生,因此必须从一开始就考虑到完全的兼容性。Turbo 8 放弃 TypeScript 并不意味着您不能在其中编写客户端代码,或使用任何其他使用它的库。我们可以混合搭配,这真是太棒了。

从头开始构建 CodePen 类型编辑器

想要在您的网站上显示实时代码示例是很常见的,如果您今天想这样做,有一些服务可以提供这种能力。然而,如果你像我一样,你宁愿自己动手。在本教程中,我将为该站点构建自己的类似代码笔的编辑器。

我的目标比大多数人的用例更复杂,因为该站点使用称为MDXT的降价编译器(这是为该站点制作的自定义编译器);我想将此处的代码包含到 MDXT 语言中。因此,考虑到这一点,我将有两个版本并回顾每个版本的工作原理。第一个版本将介绍如何将输入textarea与 链接iframe并动态更新它。第二个将保留第一个的核心方面,但旨在处理同一页面上的多个编辑器。

为了保持本文档的整洁,我不会在示例中包含样板 HTML,但如果您需要,请输入docVSCode 并将示例粘贴到 body 标记中。

独立编辑器

从编辑器的标记开始,我们将<textarea>在页面正文中包含三个标签以及一个<iframe>. 如果你跳到下面看,你可以看到每个文本区域都有一个data-lang属性。当我们到达那个点时,这将给我们一个非常性感的方法来与文档更新器交互。我没有在本教程中包含样式,因为我还没有为我的编辑器设计样式。...

<textarea data-lang="html" cols="30" rows="10"></

如何终止 JavaScript 中的脚本运行

我怎样才能像 PHPexit或 那样退出 JavaScript 脚本die?我知道这不是最好的编程实践,但我需要这样做

“exit”函数通常会退出程序或脚本,并带有一条错误消息作为参数。例如 php 中的 die(...)

die("sorry my fault, didn't mean to but now I am in byte nirvana")

JS 中的等效项是使用throw关键字发出错误信号,如下所示:

throw new Error();

你可以很容易地测试这个:

var m = 

学习 Web 开发:初学者的 7 个基本步骤

学习 Web 开发:初学者的 7 个基本步骤

学习网络开发旧金山

在 Web 开发领域开展职业生涯似乎非常棘手。有无数的语言和工具需要学习——对于初学者来说,甚至弄清楚从哪里开始学习似乎也很困难。

但在实践中,这个过程可能不会像您想象的那么复杂。一旦您了解作为入门级 Web 开发人员需要具备哪些技能,您将能够在短期内建立您的学术基础。

想知道如何学习网页开发?我们是来帮忙的。本文适用于任何有兴趣进入 Web 开发领域或希望提高现有技能的人。它将涵盖一些基本术语、Web 开发专业知识以及开发和管理网站所需的工具和技能。换句话说,它将带您了解启动您的职业生涯所需了解的一切。

让我们开始吧!

为什么要学习 Web 开发?

简而言之,工作潜力。

Web 开发是一个快速发展的职业。美国劳工统计局预测, 2019 年 至2029 年,网络开发人员的工作岗位将增长 8%。网络开发人员可以是自由职业者,也可以作为公司内部员工工作,而且许多人都在远程工作。简而言之,对于任何重视专业发展和学习机会的人来说,这是一个很好的领域。

这些教程涵盖的技能:

 

                

作为绝对初学者学习 Web 开发

想作为初学者学习 Web 开发,但不确定从哪里开始?

很难知道学习编码的最佳方法,因为那里有大量资源。但是现在,您所需要的只是 Web 开发的基础知识——对下一步的方向进行一般性解释。

首先,这是您作为 Web 开发新手需要遵循的步骤。

学习 Web 开发基础知识的步骤:

  1. 了解网站工作原理、前端与后端以及使用代码编辑器的基础知识
  2. 学习基本的 HTML、CSS 和 JavaScript
  3. 学习工具:包管理器、构建工具、版本控制
  4. 学习 Sass、响应式设计、JavaScript 框架
  5. 学习后端基础知识:服务器和数据库、编程语言

我建议按顺序执行步骤 1、2 和 3。然后,根据您是想专注于更多的前端还是后端,您可以按任何顺序执行步骤 4a 或 4b。…