JavaScript 库开发

标签 javascript

<分区>

我是一名 java 程序员,几个月前我发现了使用 javascript 和 html 进行前端编程,这绝对很棒。所以这是一个js新手的问题。

是否有任何 IDE、默认工作流程或 JavaScript 库开发的最佳实践?我不是指覆盖率和单元测试或类似的东西。我的意思是,在使用某些 js 逻辑开发 html 控件时,是否应该使用任何工具或技术?我应该在文本编辑器中编写小测试页面并在十几个浏览器中打开它,每分钟按 F5 并在浏览器的控制台上观看,或者也许有一些神奇的 IDE 可以在按下按钮时重新加载所有浏览器实例并从浏览器收集报告?

最佳答案

JavaScript 基础

确保您懂该语言。 JavaScript 在这方面有点棘手:您可以很容易地认为您理解这门语言,但有些奇怪的事情可能会悄悄发生在您身上。我强烈推荐 Douglas Crockford 的 JavaScript:The Good Parts。他还在 Youtube 上发表了一些同名演讲,绝对值得一看。

JSLint

在您的工作流程中集成 JSLint 或类似工具。它是 Javascript 的样式检查器和静态分析工具,有助于捕获细微的错误。

避免F5

查看 live.js :

Just include Live.js and it will monitor the current page including local CSS and Javascript by sending consecutive HEAD requests to the server. Changes to CSS will be applied dynamically and HTML or Javascript changes will reload the page. Try it!

浏览器开发者工具

熟悉它们。与 Firefox/Firebug 相比,我个人更喜欢 Chrome 的开发者工具,但无论您选择哪一种,都要学习如何使用调试器。

节点.js

您还应该知道,您不必在浏览器中测试 Javascript 逻辑:您可以使用 node.js 将其用作任何其他脚本语言。

关于JavaScript 库开发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11359056/

相关文章:

javascript - 使用 Jquery 更改多个 'CSS' 不起作用

javascript - firebase firestore离线持久性FirebaseError

javascript - 如何使用 javascript 更改复杂的 CSS 节点属性?

javascript - socket io js延迟断开连接发射

javascript - 如何按按钮数据属性过滤 JSON 文件

javascript - JSON解析多数据

javascript - 在下一个请求之前等待 $http promise

javascript - 访问 angular.js 中的 connect-flash 消息

javascript - 具有空名称的 Chrome 32.0.1700.77 函数会导致一些非常奇怪的事情

javascript - 如何动态更改按钮提交的Bootstrap 4模态数据