跳转到内容

JavaScript/开发工具

来自维基教科书,自由的教科书



在处理 JS(或 HTML、CSS 等)时,您需要一些工具来处理源代码并提高效率。首先,有一些工具可以帮助您开发源代码。其次,代码可以根据语法规则进行验证。接下来,代码可以进行“美化”(缩进、换行、空行等)。最后,代码可以进行优化 - 在大小、性能或加密方面。

开发阶段

[编辑 | 编辑源代码]

本地安装工具

[编辑 | 编辑源代码]

编写代码最简单的方法是使用纯文本编辑器,例如Notepad++Vim或 Gnome gedit 或 Gnome 文本编辑器。您应该创建一个子目录,其中包含您项目的所有文件,例如 .../firstProject。在那里您可以创建文件,例如 excercise_1.1.html。按照第一个程序章节中描述的步骤开始创建文件。结果将在您的浏览器中显示。

这种方法有其优缺点。这些工具易于安装,并且具有简单的用户界面。但它们不会提供太多帮助;它们只是收集您编写的文本。有时它们支持语法高亮或自动缩进,但大多数情况下没有关于语法错误的提示。用户被迫了解当前正在使用的语言的语法。我们认为这种方法非常适合初学者:他们应该在较低级别进行练习。

在下一级别,您可以使用更复杂的工具,例如Visual Studio Code。除了文本处理之外,它们还提供其他功能,从语法高亮到调试,以及对开发团队的大力支持。

作为本地安装工具的替代方案,您可以使用在线 JS 工具,例如 JsFiddleW3SchoolsPlayCode。它们通常提供一个集成环境,用于 HTML、CSS 和 JS,包括浏览器预览和对浏览器控制台的访问。

第一步,您的代码很可能包含一些语法错误,例如 f0r 而不是 for。浏览器非常宽容,并尝试静默修复或忽略简单的错误。当然,您所有的源代码都应该符合给定的语法规则。但由于浏览器对验证代码或查找错误行提供了有限的访问权限,因此有必要使用工具来查找和解释语法错误。

此类验证器有时不仅提供验证功能,还提供更多功能,例如格式化或预览,例如 JS 验证器JS + HTML 验证器W3C HTML 验证器FreeFormatter

优化,混淆

[编辑 | 编辑源代码]

通过去除所有不必要的空格、换行符、制表符等,可以缩短将 HTML 和 JS 代码从服务器传输到浏览器的所需时间。

当 JS 代码加载到浏览器中时,用户可以轻松地查看它。如果您想隐藏源代码,可以使用混淆技术。它会从原始代码生成一个对人类来说或多或少不可读的代码。

之前的 JS + HTML 验证器 提供了所有这些技术。

华夏公益教科书