搜索

[26089] 2017-02-22_6个值得好好学习的JavaScript框架

文档创建者：s7ckTeam
浏览次数：31
最后更新：2025-01-19
2017-02-22_6个值得好好学习的JavaScript框架 - -   D a n y a l   Z i a 1 2 % 3 0 % 4 3 % 5 5 % 6 7 % 7 9 % 9 0 % 6   个 值 得 好 好 学 习 的   J a v a S c r i p t   框 架 原 创   译 者 ： G H L a n d y   L i n u x 中 国   2 0 1 7 - 0 2 - 2 2 当 一 个 新 手 开 发 者 想 要 学 习   J a v a S c r i p t   时 ， 他 常 常 会 被 各 种   J a v a S c r i p t   框 架 所 吸 引 ， 也 幸 亏 有 为 数 众 多 的 社 区 ， 任 何 开 发 者 都 可 以 轻 易 地 通 过 在 线 教 程 或 者 其 他 资 源 来 学 习 。 但 是 ， 唉 ！ 多 数 的 程 序 员 都 很 难 决 定 学 习 和 使 用 哪 一 个 框 架 。 本 文 导 航 - 1 、 A n g u l a r J S - 2 、 R e a c t - 3 、 E m b e r - 4 、 A d o n i s - 5 、 V u e . j s - 6 、 B a c k b o n e . j s - 总 而 言 之 编 译 自 ：   h t t p : / / w w w . d i s c o v e r s d k . c o m / b l o g / 6 - b e s t - j a v a s c r i p t - f r a m e w o r k s - t o - l e a r n - i n - 2 0 1 6   作 者 ：   D a n y a l   Z i a 译 者 ：   G H L a n d y 常 言 道 ， 条 条 大 路 通 罗 马 ， 可 是 那 一 条 适 合 我 呢 ？   由 于 用 于 构 建 前 端 页 面 等 现 代 技 术 的 出 现 ， J a v a S c r i p t   在   W e b   开 发 社 区 早 已 是 如 雷 贯 耳 。 通 过 在 网 页 上 编 写 几 个 函 数 并 提 供 执 行 逻 辑 ， 可 以 很 好 的 支 持   H T M L   ( 主 要 是 用 于 页 面 的   表 现   或 者   布 局 ) 。 如 果 没 有   J a v a S c r i p t ， 那 页 面 将 没 有 任 何   交 互 特 性   可 言 。 现 在 的 框 架 和 库 的 已 经 从 蛮 荒 时 代 崛 起 了 ， 很 多 老 旧 的 技 术 纷 纷 开 始 将 功 能 分 离 成 模 块 。 现 在 不 再 需 要 在 整 个 核 心 语 言 中 支 持 所 有 特 性 了 ， 开 发 者 允 许 所 有 用 户 创 建 库 和 框 架 来 增 强 核 心 语 言 的 功 能 。 这 样 ， 语 言 的 灵 活 性 获 得 了 了 显 著 提 高 。 如 果 在 已 经 在 使 用   J a v a S c r i p t   ( 以 及   J Q u e r y )   来 支 持   H T M L ， 那 么 你 肯 定 知 道 开 发 和 维 护 一 个 大 型 应 用 需 要 付 出 多 大 的 努 力 以 及 编 写 多 么 复 杂 的 代 码 ， 而   J a v a S c r i p t   框 架 可 以 帮 助 你 快 速 的 构 建 交 互 式   W e b   应 用   ( 包 含 单 页 面 应 用 或 者 多 页 面 应 用 ) 。
当 一 个 新 手 开 发 者 想 要 学 习   J a v a S c r i p t   时 ， 他 常 常 会 被 各 种   J a v a S c r i p t   框 架 所 吸 引 ， 也 幸 亏 有 为 数 众 多 的 社 区 ， 任 何 开 发 者 都 可 以 轻 易 地 通 过 在 线 教 程 或 者 其 他 资 源 来 学 习 。 但 是 ， 唉 ！ 多 数 的 程 序 员 都 很 难 决 定 学 习 和 使 用 哪 一 个 框 架 。 因 此 在 本 文 中 ， 我 将 为 大 家 推 荐   6   个 值 得 好 好 学 习 的 J a v a S c r i p t   框 架 。 让 我 们 开 始 吧 。 1 、 A n g u l a r J S A n g u l a r ( 注 ： 这 是 我 个 人 最 喜 欢 的 框 架 ) 无 论 你 是 何 时 听 说 的   J a v a S c r i p t ， 很 可 能 你 早 就 听 过   A n g u l a r J S ， 因 为 这 是 在   J a v a S c r i p t   社 区 中 最 为 广 泛 使 用 的 框 架 了 。 它 发 布 于   2 0 0 0   年 ， 由   G o o g l e   开 发   ( 这 够 有 说 服 力 让 你 是 用 了 吧 )   ， 它 是 一 个 开 源 项 目 ， 这 意 味 着 你 可 以 阅 读 、 编 辑 和 修 改 其 源 代 码 以 便 更 加 符 合 自 身 的 需 求 ， 并 且 不 用 向 其 开 发 者 支 付 一 分 钱   ( 这 不 是 很 酷 吗 ？ ) 。 如 果 说 你 觉 得 通 过 纯 粹 的   J a v a S c r i p t   代 码 编 写 一 个 复 杂 的   W e b   应 用 比 较 困 难 的 话 ， 那 么 你 肯 定 会 兴 奋 的 跳 起 来 ， 因 为 它 将 显 著 地 减 轻 你 的 编 码 负 担 。 它 符 合 支 持 双 向 数 据 绑 定 的   M V C   ( M o d e l – v i e w – c o n t r o l l e r 模 型 - 视 图 - 控 制 )   设 计 典 范 。 假 如 你 不 熟 悉   M V C ， 你 只 需 要 知 道 它 代 表 着 无 论 何 时 探 测 到 某 些 变 化 ， 它 将 自 动 更 新 前 端   ( 比 如 ， 用 户 界 面 端 )   和 后 端   ( 代 码 或 者 服 务 器 端 )   数 据 。 M V C   可 为 大 大 减 少 构 建 复 杂 应 用 程 序 所 需 的 时 间 和 精 力 ， 所 有 你 只 需 要 集 中 精 力 于 一 处 即 可   ( D O M   编 程 接 口 会 自 动 同 步 更 新 视 图 和 模 型 ) 。 由 于   视 图 组 件   与   模 型 组 件   是 分 离 的 ， 你 可 以 很 容 易 的 创 建 一 个 可 复 用 的 组 件 ， 使 得 用 户 界 面 的 效 果 非 常 好 看 。 如 果 因 为 某 些 原 因 ， 你 已 经 使 用 了   T y p e S c r i p t   ( 一 种 与   J a v a S c r i p t   非 常 相 似 的 语 言 ) ， 那 么 你 可 以 很 容 易 就 上 手   A n g u l a r J S ， 因 为 这 两 者 的 语 法 高 度 相 似 。 与   T y p e S c r i p t   相 似 这 一 特 点 在 一 定 程 度 上 提 升 了   A n g u l a r J S   的 受 欢 迎 程 度 。 目 前 ， A n g u l a r   2 . 0   已 经 发 布 ， 并 且 提 升 了 移 动 端 的 性 能 ， 这 也 足 以 向 一 个 新 的 开 发 者 证 明 ， 该 框 架 的 开 发 活 跃 的 够 高 并 且 定 期 更 新 。 A n g u l a r J S   有 着 大 量 的 用 户 ， 包 括   ( 但 不 限 于 )   U d e m y 、 F o r b e s 、 G o D a d d y 、 F o r d 、 N B A   和   O s c a r s 。 对 于 那 些 想 要 一 个 高 效 的   M V C   框 架 ， 用 来 开 发 面 面 俱 到 、 包 含 健 壮 且 现 代 化 的 基 础 架 构 的 单 页 应 用 的 用 户 来 说 ， 我 极 力 的 推 荐 这 个 框 架 。 这 是 第 一 个 为 无 经 验   J a v a S c r i p t   开 发 者 设 计 的 框 架 。 2 、 R e a c t
R e a c t 与   A n g u l a r J S   相 似 ， R e a c t   也 是 一 个   M V C   ( M o d e l – v i e w – c o n t r o l l e r 模 型 - 视 图 - 控 制 )   类 型 的 框 架 ， 但 不 同 的 是 ， 它 完 全 针 对 于   视 图 组 件   ( 因 为 它 是 为   U I   特 别 定 制 的 )   并 且 可 与 任 何 架 构 进 行 无 缝 衔 接 。 这 意 味 着 你 可 以 马 上 将 它 运 用 到 你 的 网 站 中 去 。 它 从 核 心 功 能 中 抽 象 出   D O M   编 程 接 口   ( 并 且 因 此 使 用 了 虚 拟   D O M ) ， 所 以 你 可 以 快 速 的 渲 染   U I ， 这 使 得 你 能 够 通 过   n o d e . j s   将 它 作 为 一 个 客 户 端 框 架 来 使 用 。 它 是 由   F a c e b o o k   开 发 的 开 源 项 目 ， 还 有 其 它 的 开 发 者 为 它 贡 献 代 码 。 假 如 说 你 见 到 过 并 喜 欢   F a c e b o o k   和   I n s t a g r a m   的 界 面 ， 那 么 你 将 会 爱 上   R e a c t 。 通 过   R e a c t ， 你 可 以 给 你 的 应 用 的 每 个 状 态 设 计 一 个 简 单 的 视 图 ， 当 数 据 改 变 的 时 候 ， 视 图 也 自 动 随 之 改 变 。 只 要 你 想 的 话 ， 可 以 创 建 各 种 的 复 杂   U I ， 也 可 以 在 任 何 应 用 中 复 用 它 。 在 服 务 器 端 ， R e a c t   同 样 支 持 通 过   n o d e . j s   来 进 行 渲 染 。 对 于 其 他 的 接 口 ， R e a c t   也 一 样 表 现 得 足 够 的 灵 活 。 除   F a c e b o o k   和   I n s t a g r a m   外 ， 还 有 好 多 公 司 也 在 使 用   R e a c t ， 包 括   W h a t s a p p 、 B B C 、 、 P a y P a l 、 N e t f l i x   和   D r o p b o x   等 。 如 果 你 只 需 要 一 个 前 端 开 发 框 架 来 构 建 一 个 非 常 复 杂 且 界 面 极 好 的 强 大 视 图 层 ， 那 我 极 力 向 你 推 荐 这 个 框 架 ， 但 你 需 要 有 足 够 的 经 验 来 处 理 各 种 类 型 的   J a v a S c r i p t   代 码 ， 而 且 你 再 也 不 需 要 其 他 的 组 件 了   ( 因 为 你 可 以 自 己 集 成 它 们 ) 。 3 、 E m b e r E m b e r 这 个   J a v a S c r i p t   框 架 在   2 0 1 1   年 正 式 发 布 ， 是 由   Y e h u d a   K a t z   开 发 的 开 源 项 目 。 它 有 一 个 庞 大 且 活 跃 的 在 线 社 区 ， 所 有 在 有 任 何 问 题 时 ， 你 都 可 以 在 社 区 中 提 问 。 该 框 架 吸 收 融 合 了 非 常 多 的 通 用   J a v a S c r i p t   风 格 和 经 验 ， 以 便 确 保 开 发 者 能 最 快 的 做 到 开 箱 即 用 。
它 使 用 了   M V V M   ( M o d e l – v i e w – v i e w m o d e l 模 型 - 视 图 - 视 图 模 型 )   的 设 计 模 式 ， 这 使 得 它 与   M V C   有 些 不 一 样 ， 因 为 它 由 一 个   连 接 器   ( b i n d e r )   帮 助 视 图 和 数 据 连 接 器 进 行 通 信 。 对 于   D O M   编 程 接 口 的 快 速 服 务 端 渲 染 ， 它 借 助 了   F a s t b o o t . j s ， 这 能 够 让 那 些 复 杂   U I   的 性 能 得 到 极 大 提 高 。 它 的 现 代 化 路 由 模 式 和 模 型 引 擎 还 支 持   R E S T f u l   A P I ， 这 可 以 却 确 保 你 可 以 使 用 这 种 最 新 的 技 术 。 它 支 持 H a n d l e b a r s   i n t e g r a t e d   t e m p l a t e 句 柄 集 成 模 板 ， 用 以 自 动 更 新 数 据 。 早 在   2 0 1 5   年 间 ， 它 的 风 头 曾 一 度 盖 过   A n g u l a r J S   和   R e a c t ， 被 称 为 最 好 的   J a v a S c r i p t   框 架 ， 对 于 它 在   J a v a S c r i p t   社 区 中 的 可 用 性 和 吸 引 力 ， 这 样 的 说 服 力 该 是 足 够 了 的 。 对 于 不 追 求 高 灵 活 性 和 大 型 架 构 的 用 户 ， 并 且 仅 仅 只 是 为 了 赶 赴 工 期 、 完 成 任 务 的 话 ， 我 个 人 非 常 推 荐 这 个   J a v a S c r i p t   框 架 ， 4 、 A d o n i s A d o n i s 如 果 你 曾 使 用 过   L a r a v e l   和   N o d e J S ， 那 么 你 在 使 用 这 一 个 框 架 之 时 会 觉 得 相 当 顺 手 ， 因 为 它 是 集 合 了 这 两 个 平 台 的 优 点 而 形 成 的 一 个 框 架 ， 对 于 任 何 种 类 的 现 代 应 用 来 说 ， 它 都 显 得 非 常 专 业 、 圆 润 和 精 致 。 它 使 用 了   N o d e J S ， 所 以 是 一 个 很 好 的 后 端 框 架 ， 同 时 还 附 带 有 一 些 前 端 特 性   ( 与 前 面 提 到 那 些 更 多 地 注 重 前 端 的 框 架 不 同 ) ， 所 以 想 要 进 入 后 端 开 发 的 新 手 开 发 者 会 发 觉 这 个 框 架 相 当 迷 人 。 相 比 于   N o S Q L ， 很 多 的 开 发 者 都 比 价 喜 欢 使 用   S Q L   数 据 库   ( 因 为 他 们 需 要 增 强 和 数 据 以 及 其 它 特 性 的 交 互 性 ) ， 这 一 现 象 在 这 个 框 架 中 得 到 了 很 好 的 体 现 ， 这 时 的 它 更 接 近 标 准 ， 开 发 者 也 更 容 易 使 用 。 如 果 你 混 迹 于 各 类   P H P   社 区 ， 那 你 一 定 很 熟 悉   S e r v i c e   P r o v i d e r s 服 务 提 供 商 ， 也 由 于   A d o n i s   相 应 的   P H P   风 格 包 含 其 中 ， 所 以 在 使 用 它 的 时 候 ， 你 会 觉 得 似 曾 相 识 。
在 它 所 有 的 特 性 中 ， 最 好 的 便 是 那 个 极 为 强 大 的 路 由 引 擎 ， 支 持 使 用 函 数 来 组 织 和 管 理 应 用 的 所 有 状 态 、 支 持 错 误 处 理 机 制 、 支 持 通 过   S Q L   O R M   来 进 行 数 据 库 查 询 、 支 持 生 成 器 、 支 持 a r r o w   f u n c t i o n s 箭 头 函 数 、 支 持 代 理 等 等 。 如 果 喜 欢 使 用 无 状 态   R E S T   A P I   来 构 建 服 务 器 端 应 用 ， 我 比 较 推 荐 它 ， 因 为 你 会 爱 上 这 个 框 架 的 。 5 、 V u e . j s V u e . j s 这 一 个 开 源 的   J a v a S c r i p t   框 架 ， 发 布 于   2 0 1 4   年 ， 它 有 个 极 为 简 单 的   A P I ， 用 以 为 M o d e r n   W e b   I n t e r f a c e 现 代   W e b   界 面 开 发 R e a c t i v e   c o m p o n e n t s 交 互 式 组 件 。 其 设 计 着 重 于 简 单 易 用 。 与   E m b e r   相 似 ， 它 使 用 的 是   M V V M   ( M o d e l – v i e w – v i e w m o d e l 模 型 - 视 图 - 视 图 模 型 )   设 计 范 例 ， 这 样 简 化 了 设 计 。 这 个 框 架 最 有 吸 引 力 的 一 点 是 ， 你 可 以 根 据 自 身 需 求 来 选 择 使 用 的 模 块 。 比 如 ， 你 需 要 编 写 简 单 的   H T M L   代 码 ， 抓 取 J S O N ， 然 后 创 建 一 个   V u e   实 例 来 完 成 可 以 复 用 的 小 特 效 。 与 之 前 的 那 些   J a v a S c r i p t   框 架 相 似 ， 它 使 用 双 路 数 据 绑 定 来 更 新 模 型 和 视 图 ， 同 时 也 使 用 连 接 器 来 完 成 视 图 和 数 据 连 接 器 的 通 信 。 这 是 一 个 还 未 完 全 成 熟 的 框 架 ， 因 为 它 全 部 的 关 注 点 都 在 视 图 层 ， 所 以 你 需 要 自 己 处 理 其 它 的 组 件 。 如 果 你 熟 悉   A n g u l a r J S ， 那 你 会 感 觉 很 顺 手 ， 因 为 它 大 量 嵌 入 了   A n g u l a r J S   的 架 构 ， 如 果 你 懂 得   J a v a S c r i p t   的 基 础 用 法 ， 那 你 的 许 多 项 目 都 可 以 轻 易 地 迁 移 到 该 框 架 之 下 。 假 如 你 只 想 把 任 务 完 成 ， 或 者 想 提 升 你 自 身 的   J a v a S c r i p t   编 程 经 验 ， 又 或 者 你 需 要 学 习 不 同 的   J a v A S c r i p t   框 架 的 本 质 ， 我 极 力 推 荐 这 个 。 6 、 B a c k b o n e . j s
B a c k b o n e . J S 这 个 框 架 可 以 很 容 易 的 集 成 到 任 何 第 三 方 的 模 板 引 擎 ， 默 认 使 用 的 是   U n d e r s c o r e   模 板 引 擎 ， 而 且 该 框 架 仅 有 一 个 依 赖 ( J Q u e r y ) ， 因 此 它 以 轻 量 而 闻 名 。 它 支 持 带 有   R E S T f u l   J S O N   接 口 的   M V C   ( M o d e l – v i e w – c o n t r o l l e r 模 型 - 视 图 - 控 制 )   ( 可 以 自 动 更 新 前 端 和 后 端 )   设 计 范 例 。 假 如 你 曾 经 使 用 过 著 名 的 社 交 新 闻 网 络 服 务   r e d d i t ， 那 么 你 肯 定 听 说 过 它 在 几 个 单 页 面 应 用 中 使 用 了   B a c k b o n e . j s 。 B a c k b o n e . j s   的 原 作 者 为 之 建 立 了 与   C o f f e S c r i p t   旗 鼓 相 当 的   U n d e r s c o r e   模 板 引 擎 ， 所 以 你 可 以 放 心 ， 开 发 者 知 道 该 做 什 么 。 该 框 架 在 一 个 软 件 包 中 提 供 了 k e y - v a l u e 键 值 对   模 型 、 视 图 以 及 几 个 打 包 的 模 块 ， 所 以 你 不 需 要 额 外 下 载 其 他 的 外 部 包 ， 这 样 可 以 节 省 不 少 时 间 。 框 架 的 源 码 可 以 在   G i t H u b   进 行 查 看 ， 这 意 味 着 你 可 以 根 据 需 求 进 行 深 度 定 制 。 如 果 你 是 寻 找 一 个 入 门 级 框 架 来 快 速 构 建 一 个 单 页 面 应 用 ， 那 么 这 个 框 架 非 常 适 合 你 。 总 而 言 之 至 此 ， 我 已 经 在 本 文 着 重 说 明 了   6   个 值 得 好 好 学 习 的   J a v a S c r i p t   框 架 ， 希 望 你 读 完 本 文 后 能 够 决 定 使 用 哪 个 框 架 来 完 成 自 己 的 任 务 。 如 果 说 对 于 选 择 框 架 ， 你 还 是 不 知 所 措 ， 请 记 住 ， 这 个 世 界 是 实 践 出 真 知 而 非 教 条 主 义 的 。 最 好 就 是 从 列 表 中 挑 选 一 个 来 使 用 ， 看 看 最 后 是 否 满 足 你 的 需 求 和 兴 趣 ， 如 果 还 是 不 行 ， 接 着 试 试 另 一 个 。 你 也 尽 管 放 心 好 了 ， 列 表 中 的 框 架 肯 定 是 足 够 了 的 。 译 者 简 介 ： G H L a n d y [ 1 ]   — —   生 活 中 所 有 欢 乐 与 苦 闷 都 应 藏 在 心 中 ， 有 些 事 儿 注 定 无 人 知 晓 ， 自 己 也 无 从 说 起 。 v i a :   h t t p : / / w w w . d i s c o v e r s d k . c o m / b l o g / 6 - b e s t - j a v a s c r i p t - f r a m e w o r k s - t o - l e a r n - i n - 2 0 1 6 作 者 ： D a n y a l   Z i a [ 2 ]   译 者 ： G H L a n d y   校 对 ： w x y 本 文 由   L C T T [ 3 ]   原 创 编 译 ， L i n u x 中 国   荣 誉 推 出 相 关 阅 读 [ 1 ] :   G H L a n d y   -   h t t p : / / G H L a n d y . c o m [ 2 ] :   D a n y a l   Z i a   -   h t t p : / / w w w . d i s c o v e r s d k . c o m / b l o g / 6 - b e s t - j a v a s c r i p t - f r a m e w o r k s - t o - l e a r n - i n - 2 0 1 6 [ 3 ] :   L C T T   -   h t t p s : / / g i t h u b . c o m / L C T T / T r a n s l a t e P r o j e c t 推 荐 文 章 <   左 右 滑 动 查 看 相 关 文 章   >
输 入 文 章   I D   或 长 按 二 维 码 直 达 阅 读 原 文
回复

举报

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver| 手机版| 小黑屋|
Powered by Discuz! X3.4 Copyright © 2001-2020, Tencent Cloud. 商业源码建议获取授权，如侵犯您的权益，请联系客服处理