If you're seeing this message, it means we're having trouble loading external resources on our website.

如果你被网页过滤器挡住,请确保域名*.kastatic.org*.kasandbox.org 没有被阻止.

主要内容

JS 库的世界

您可以从数千个 Javascript 库中选择并引入您的网页。它们可以在以下很多方面对您的网页提供帮助 :
  • DOM 操作
  • DOM 事件
  • AJAX / 数据提取
  • 效果与动画
  • HTML 模板
  • 网页布局
  • UI 用户界面控件
  • 图形与表格
  • 数据模型
  • 路由与导航
  • 访问亲和力
  • 多浏览器支持
  • 移动端支持
下面是我喜欢的另一种描述方式--网页是由用户界面 (HTML & CSS)、交互性 (JS + DOM) 和数据 (我们经常通过JS引入) 组成。您可以在没有库的情况下创建数据驱动的交互式用户界面,也可以引入不同的库来帮助解决不同部分的任务。有些库用途广泛,有些库只对某一方面有帮助:
web 开发中最难的部分之一是决定使用哪些库,因为您通常会在这些库的基础之上编写代码,因此以后很难更改您的决策。对此没有标准答案--首先了解你的选项,然后用你的头脑去猜测。

Web 框架

有一些库 "无所不能"--从数据检索到 DOM 操作,再到花哨的UI控件,应有尽有。如果您使用某个框架,您通常会在页面中引入大量 javascript,因此需要思考一下您是否真正需要这些框架为您提供的大部分内容。对于某些开发人员来说,这些框架内容过于 庞杂,他们发现对于实现有重点的任务来说,使用较小的库是更好的选择。

CSS 框架

CSS 库包含 CSS 样式规则以及文档资料,介绍了该使用何种HTML标记和分类。有许多流行的 CSS 库,会使你更容易设计出一个精美的网站。它们有时包括可选的 JavaScript 小部件,但开发人员通常选择将其他 JS 库与 CSS 库一起使用。

JS 浏览器库

这些库可以让您更轻松地使用浏览器功能 (如 DOM API、窗口方法),这是我们在本课程中讨论的主题。它们通常可以使用较少的代码完成任务,并且它们会避免转换浏览器时出现的错误。

JS 应用程序体系结构库

web 应用程序的规模越来越大,下面这些库可帮助您设计这些app。当只有几百行代码时,您还应付管理得来,但一旦你需要编写成千上万行的代码时,它们可能会变成 "意大利面代码"——一个无法管理的烂摊子。而下面这些库可以帮助您将 "模型" (数据) 与 "视图" (演示文稿) 分开,并经常使用面向对象的编程原则来管理代码。

迷你库和微型库

您还可以使用开发人员为特定任务编写的小型库——当它们真正很小的时候,有时被称为 "微库"。这里列出一些:
你可以在 microjs.com 网站上找到更多,也可以在互联网上输入 "javascript library [功能]" 进行搜索。
你在可汗学院的网页上试过 JS 库吗?在下面的评论中分享一下你的经验吧。

想加入讨论吗?

尚无帖子。
你会英语吗?单击此处查看更多可汗学院英文版的讨论.