码 农 的 牛 马 人 生 码 农 的 牛 马 人 生 为 天 地 立 心 ， 为 生 民 立 命 ， 为 往 圣 继 绝 学 ， 为 万 世 开 太 平 。 搜 索 关 键 字 搜 索 首 页 关 于 f a s t a d m i n n i c e v a l i d a t o r r e m o t e 验 证 j s o n 数 据 a j a x 验 证 失 效 作 者 : a d m i n 时 间 : 2 0 2 5 0 6 1 5 分 类 : 默 认 分 类 评 论 1 、 背 景 最 近 接 触 到 f a s t a d m i n ， 在 处 理 表 单 验 证 方 面 ， f a s t a d m i n 使 用 的 是 N i c e v a l i d a t o r 验 证 插 件 ， 刚 开 始 用 着 还 挺 爽 ， 表 单 的 验 证 也 挺 方 便 ， 毕 竟 人 家 已 经 提 供 了 很 多 的 验 证 规 则 ， 但 是 有 这 么 个 需 求 ， 那 就 是 修 改 个 人 信 息 时 需 要 确 保 账 号 的 唯 一 性 ， 也 就 是 唯 一 性 验 证 ， 这 个 人 前 端 也 想 到 了 ， 给 了 你 一 个 r e m o t e ( ) 远 程 验 证 ， 这 个 函 数 还 可 以 传 参 数 ， 逗 号 隔 开 即 可 ， 看 起 来 也 挺 方 便 ， 但 用 起 来 有 些 困 难 。 。 。 。 2 、 问 题 先 谈 需 求 ： 1 、 账 号 唯 一 性 验 证 　 　 2 、 其 它 字 段 的 验 证 　 　 3 、 a j a x 提 交 　 　 再 来 看 看 具 体 遇 到 哪 些 问 题 ： 1 、 远 程 验 证 r e m o t e 这 玩 意 官 网 上 说 　 （ 图 在 下 面 ） 　 　 　 返 回 字 符 串 说 是 可 以 直 接 显 示 ， 我 后 端 用 的 p h p ， 我 r e t u r n 字 符 串 也 不 行 ， 它 说 还 有 统 一 格 式 $ t h i s s u c c e s s ( o k ) ， 这 样 说 也 行 ， 那 行 吧 ， 人 家 官 网 上 说 格 式 统 一 ， 那 咱 试 试 ， 结 果 不 显 示 信 息 ， 就 是 不 管 是 否 唯 一 ， 后 端 会 返 回 一 个 m s g ， 展 示 到 前 端 页 面 上 给 用 户 看 ， 但 是 $ t h i s s u c c e s s ( ) 返 回 的 是 个 j s o n （ 我 的 这 个 s u c c e s s （ ） 返 回 的 是 j s o n ） ， 好 吧 ， j s o n ， 人 家 官 网 也 有 说 j s o n 数 据 咋 处 理 ， 照 着 官 网 的 代 码 走 一 遍 ， 结 果 。 。 。 。 。 。 j s 报 错 ， 提 示 说 v a l i d a t o r 不 是 个 函 数 。 。 。 。 。 我 也 是 醉 了 ， 看 看 j q ， 有 啊 ， 看 看 j Q u e r y . v a l i d a t o r . j s 也 有 ， 顺 序 也 没 错 。 。 。 。 有 点 让 人 无 语 　 　 　 　 然 后 想 着 用 i n p u t 的 失 去 焦 点 b l u r 函 数 来 触 发 这 个 验 证 于 是 我 就 将 $ ( # f o r m ) . v a l i d a t o r ( ) 函 数 写 在 了 b l u r 函 数 里 面 ， 然 后 还 真 别 说 ， 真 的 能 用 ， ， ， ， ， 2 、 r e m o t e 能 用 了 ， 也 能 显 示 m s g 信 息 了 （ 如 何 显 示 m s g 信 息 ？ 获 取 到 了 d a t a 中 的 m s g 然 后 用 j s 添 加 到 页 面 即 可 ！ 有 没 有 自 动 ， f a s t a d m i n 给 我 们 准 备 好 了 的 那 种 ？ 不 好 意 思 ， 母 鸡 啊 ） ， 但 是 其 他 字 段 的 验 证 规 则 有 失 效 了 。 。 。 。 。 然 后 没 办 法 ， 在 看 看 官 方 文 档 吧 ， 就 看 到 验 证 规 则 有 两 种 绑 定 方 式 ， 一 种 是 d o m ， 一 种 是 j s ， 我 好 像 两 种 都 用 了 ， 那 可 以 理 解 为 啥 其 它 字 段 的 验 证 规 则 不 能 用 了 ， 冲 突 了 ， 只 能 二 选 一 ， 可 是 d o m 已 经 绑 定 了 ， 不 想 再 用 j s 绑 定 了 ， 这 简 单 啊 ， 把 那 个 v a l i d a t o r 删 掉 ， 直 接 用 j q ， 当 i n p u t 失 去 焦 点 时 发 起 个 a j a x 请 求 就 完 事 了 3 、 a j a x 提 交 ， 发 现 验 证 成 不 成 功 都 能 发 起 a j a x ， 毕 竟 a j a x 那 玩 意 儿 只 要 单 击 了 就 给 你 发 起 a j a x 了 ， 而 且 a j a x 提 交 会 导 致 验 证 只 生 效 一 次 ， 第 二 次 没 反 应 。 。 。 。 j s 加 载 图 片 ： 3 、 解 决 办 法 先 贴 出 h t m l 复 制 代 码 a u t o c o m p l e t e = o f f > 名 称 : 联 系 手 机 号 : 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 确 定 修 改 复 制 代 码 j s ： 复 制 代 码 复 制 代 码 p h p ： 返 回 的 是 j s o n 数 据 最 重 要 的 是 i s V a l i d （ ） 这 个 函 数 自 定 义 表 头 按 钮 和 行 按 钮 作 者 : a d m i n 时 间 : 2 0 2 5 0 6 1 5 分 类 : 默 认 分 类 评 论 按 钮 的 重 要 性 按 钮 占 据 表 格 5 0 % 以 上 的 功 能 ， 表 头 按 钮 和 行 按 钮 的 渲 染 比 较 复 杂 。 从 源 码 上 来 分 析 这 些 表 格 渲 染 和 点 击 事 件 的 行 为 。 后 续 要 修 改 或 添 加 按 钮 就 很 容 易 了 。 表 头 按 钮 为 什 么 会 显 示 这 些 按 钮 ？ 如 何 去 掉 其 中 部 分 按 钮 ？ 如 何 添 加 新 的 表 头 按 钮 ？ 输 入 图 片 说 明 为 什 么 会 显 示 这 些 表 头 按 钮 是 在 h t m l 里 的 t o o l b a r 里 定 义 了 的 ， 这 个 有 定 义 就 会 出 现 ， 还 是 比 较 直 接 的 ， 说 明 并 不 是 根 据 什 么 配 置 数 据 来 动 态 渲 染 的 。 如 果 要 添 加 新 按 钮 或 去 掉 一 些 按 钮 ， 直 接 修 改 这 里 的 h t m l 就 可 以 。 输 入 图 片 说 明 按 钮 的 事 件 以 上 的 h t m l 只 定 义 了 按 钮 的 名 称 、 位 置 ， 但 是 看 不 不 出 他 们 的 动 作 事 件 。 各 个 按 钮 的 动 作 事 件 在 r e q u i r e t a b l e . j s 的 T a b l e . a p i . b i n d e v e n t 来 设 定 的 。 各 个 按 钮 的 c l a s s N a m e 是 约 定 好 的 ， 不 能 去 修 改 ， 除 非 同 步 修 改 了 T a b l e . c o n f i g 里 的 默 认 配 置 。 否 则 就 找 不 到 这 些 按 钮 来 动 态 设 置 动 作 。 输 入 图 片 说 明 行 按 钮 为 什 么 会 默 认 显 示 这 些 按 钮 ？ 如 何 去 掉 其 中 部 分 按 钮 ？ 如 何 添 加 新 的 行 按 钮 ？ 输 入 图 片 说 明 默 认 的 行 按 钮 T a b l e . a p i . f o r m a t t e r . o p e r a t e 从 如 下 的 j s 可 以 看 到 操 作 列 是 使 用 了 T a b l e . a p i . f o r m a t t e r . o p e r a t e 来 格 式 化 。 v a r C o n t r o l l e r = } ) . . . } } T a b l e . a p i . f o r m a t t e r . o p e r a t e 这 个 函 数 实 现 了 默 认 的 三 个 按 钮 的 渲 染 。 从 这 个 函 数 分 析 下 去 可 以 看 到 ， 如 果 对 应 的 u r l 路 径 不 为 空 才 显 示 这 个 行 按 钮 ， 否 则 就 不 显 示 o p e r a t e : f u n c t i o n ( v a l u e , r o w , i n d e x ) ; / / 默 认 按 钮 组 v a r b u t t o n s = $ . e x t e n d ( [ ] , t h i s . b u t t o n s | | [ ] ) ; / / 所 有 按 钮 名 称 v a r n a m e s = [ ] ; b u t t o n s . f o r E a c h ( f u n c t i o n ( i t e m ) ) ; i f ( o p t i o n s . e x t e n d . d r a g s o r t _ u r l ! = = } 从 这 里 可 以 看 到 ， 如 果 你 想 要 屏 蔽 行 按 钮 中 的 删 除 按 钮 ， 只 需 要 删 除 e d i t _ u r l : s t u d y c a s e / c 1 0 0 1 p r o j e c t / e d i t , v a r C o n t r o l l e r = } ) ; } 如 果 想 要 删 除 拖 拽 按 钮 ， 发 现 上 面 的 代 码 里 没 有 拖 拽 的 u r l 。 那 就 要 去 删 除 r e q u i r e t a b l e . j s 里 定 义 的 d r a g s o r t _ u r l : a j a x / w e i g h 总 不 能 到 删 除 核 心 文 件 里 的 东 西 ， 会 影 响 到 其 他 的 页 面 的 。 可 以 在 上 面 的 T a b l e . a p i . i n i t 函 数 前 执 行 ， 表 示 动 态 去 删 除 这 个 d r a g s o r t _ u r l 。 d e l e t e T a b l e . d e f a u l t s . e x t e n d . d r a g s o r t _ u r l ; 以 上 通 过 删 除 u r l 的 定 义 的 方 式 来 影 响 默 认 行 按 钮 的 渲 染 行 为 ， 是 一 种 方 式 。 下 面 说 另 外 一 种 ， 自 定 义 行 按 钮 。 自 定 义 行 按 钮 T a b l e . a p i . f o r m a t t e r . b o t t o n s 我 们 知 道 默 认 的 行 按 钮 是 通 过 T a b l e . a p i . f o r m a t t e r . o p e r a t e 这 个 格 式 化 函 数 来 实 现 的 ， 那 自 定 义 的 话 就 可 以 自 定 义 一 个 格 式 化 函 数 。 r e q u i r e t a b l e . j s 其 实 也 为 我 们 准 备 了 比 较 便 捷 的 自 定 义 的 方 式 ： T a b l e . a p i . f o r m a t t e r . b o t t o n s 函 数 v a r C o n t r o l l e r = , , ] , f o r m a t t e r : T a b l e . a p i . f o r m a t t e r . b u t t o n s } ) . . . } } 注 意 使 用 ： 1 、 要 定 义 b u t t o n s 默 认 的 三 个 按 钮 ， 就 拷 贝 这 些 ， 可 以 删 减 ， 调 整 顺 序 ： b u t t o n s : [ , , ] 2 、 要 使 用 f o r m a t t e r : T a b l e . a p i . f o r m a t t e r . b u t t o n s 而 不 能 再 使 用 f o r m a t t e r : T a b l e . a p i . f o r m a t t e r . o p e r a t e 行 按 钮 的 u r l 渲 染 T a b l e . a p i . b u t t o n l i n k 修 改 按 钮 的 u r l 是 如 何 增 加 上 去 ？ T a b l e . a p i . b u t t o n l i n k 这 个 函 数 负 责 渲 染 行 按 钮 的 u r l ， f o r m a t t e r : T a b l e . a p i . f o r m a t t e r . b u t t o n s 和 f o r m a t t e r : T a b l e . a p i . f o r m a t t e r . o p e r a t e 最 终 都 会 调 用 这 个 函 数 来 渲 染 按 钮 。 这 个 函 数 ， 检 查 到 每 个 b u t t o n 定 义 里 ， 如 果 有 u r l ， 就 渲 染 一 个 u r l ； 如 果 没 有 ， 这 h r e f 就 给 个 j a v a s c r i p t : 输 入 图 片 说 明 行 按 钮 的 行 为 设 置 1 、 点 击 修 改 按 钮 会 弹 窗 ， 在 哪 里 定 义 了 弹 窗 呢 ， 是 在 T a b l e . a p i . e v e n t s . o p e r a t e 输 入 图 片 说 明 2 、 点 击 删 除 按 钮 会 提 示 二 次 确 认 ， 在 哪 里 定 义 了 二 次 确 认 呢 ， 也 是 在 T a b l e . a p i . e v e n t s . o p e r a t e 输 入 图 片 说 明 3 、 拖 拽 按 钮 可 以 支 持 拖 拽 ， 在 哪 里 增 加 的 事 件 呢 ， 输 入 图 片 说 明 特 别 注 意 ： 自 定 义 的 行 按 钮 （ 非 默 认 三 个 ） ， 他 们 的 c l a s s N a m e 就 不 要 和 默 认 的 一 样 。 自 定 义 行 按 钮 自 定 义 u r l 我 们 从 上 面 的 自 定 义 按 钮 的 b o t t o n s 属 性 可 以 看 到 ， 也 没 有 体 现 u r l 属 性 。 修 改 、 删 除 、 拖 拽 这 三 个 默 认 的 u r l 是 从 约 定 好 的 ： / / 初 始 化 表 格 参 数 配 置 T a b l e . a p i . i n i t ( , d e l _ u r l : s t u d y c a s e / c 1 0 0 1 p r o j e c t / d e l , m u l t i _ u r l : s t u d y c a s e / c 1 0 0 1 p r o j e c t / m u l t i , i m p o r t _ u r l : s t u d y c a s e / c 1 0 0 1 p r o j e c t / i m p o r t , t a b l e : c 1 0 0 1 _ p r o j e c t , } } ) ; 拖 拽 的 u r l 是 在 r e q u i r e t a b l e . j s 里 约 定 了 的 ， 如 果 业 务 侧 j s 没 重 新 定 义 ， 就 取 r e q u i r e t a b l e . j s 里 的 。 那 自 定 义 的 行 按 钮 的 u r l 就 要 显 式 的 体 现 : b u t t o n s : [ , , , ] 里 面 的 A d d S u b 就 是 自 定 义 的 按 钮 ， 自 定 义 的 u r l 。 如 果 要 为 这 个 行 自 定 义 按 钮 增 加 点 击 事 件 ， 在 页 面 j s 里 增 加 ： T a b l e . a p i . e v e n t s . o p e r a t e = $ . e x t e n d ( T a b l e . a p i . e v e n t s . o p e r a t e , } ) 总 结 1 、 删 减 行 按 钮 ： 屏 蔽 u r l 2 、 增 加 行 按 钮 ： 显 式 配 置 b u t t o n s 属 性 ， 并 使 用 f o r m a t t e r : T a b l e . a p i . f o r m a t t e r . b u t t o n s 3 、 按 钮 u r l ： 行 按 钮 b u t t o n s 属 性 有 u r l 属 性 则 显 示 超 链 接 ， 无 u r l 显 示 j a v a s c r i p : 4 、 按 钮 c l a s s n a m e 要 注 意 ： 和 默 认 的 区 别 开 来 5 、 按 钮 增 加 J S 事 件 ： 扩 展 T a b l e . a p i . e v e n t s . o p e r a t e j q u e r y 插 件 开 发 核 心 概 念 作 者 : a d m i n 时 间 : 2 0 2 5 0 6 1 5 分 类 : 默 认 分 类 评 论 带 着 问 题 开 始 经 常 看 到 f a 代 码 里 有 $ ( # t a b l e ) . b o o t s t r a p T a b l e ( ) 这 个 b o o t s t r a p T a b l e 函 数 是 b o o t s t r a p t a b l e 这 个 j q u e r y 插 件 的 能 力 ， 是 一 个 j q u e r y 对 象 为 什 么 就 具 备 了 这 个 b o o t s t r a p t a b l e 的 能 力 呢 ？ 是 什 么 时 机 赋 予 这 个 能 力 ？ j q u e r y 插 件 如 何 注 入 能 力 输 入 图 片 说 明 j q u e r y 插 件 其 能 力 注 入 到 j q u e r y 原 型 对 象 里 ， 由 于 j q u e r y 对 象 自 然 也 具 备 了 j q u e r y 原 型 对 象 里 的 能 力 。 那 如 何 注 入 呢 ？ j Q u e r y . e x t e n d 和 j Q u e r y . f n . e x t e n d 在 j Q u e r y 插 件 开 发 中 ， j Q u e r y . e x t e n d 和 j Q u e r y . f n . e x t e n d 有 着 不 同 的 用 途 和 效 果 。 j Q u e r y . e x t e n d j Q u e r y . e x t e n d 的 原 理 示 意 代 码 ， 主 要 就 是 在 j q 这 个 函 数 对 象 上 增 加 其 他 的 属 性 或 方 法 。 增 加 的 这 些 ， 使 用 时 ， 是 通 过 j q u e r y . X X 来 使 用 。 就 是 类 似 j a v a 里 某 个 类 的 静 态 方 法 的 调 用 方 式 f u n c t i o n j q u e r y ( ) j q u e r y . a d d = f u n c t i o n ( ) j q u e r y . a d d ( ) ; 以 上 是 简 化 后 的 示 意 原 理 ， 但 是 j Q u e r y . e x t e n d ( ) 其 实 做 的 就 是 在 j q u e r y 的 函 数 对 象 上 增 加 e x t e n d ( ) 里 的 属 性 或 方 法 。 j Q u e r y . f n . e x t e n d j Q u e r y . f n . e x t e n d 的 原 理 示 意 代 码 ， 主 要 就 是 在 j q 这 个 原 型 对 象 上 增 加 其 他 的 属 性 或 方 法 。 增 加 的 这 些 ， 使 用 时 ， 是 通 过 j q u e r y 对 象 （ 即 $ ( ) 产 生 的 对 象 ） 来 调 用 。 f u n c t i o n j q u e r y ( ) j q u e r y . f n = j q u e r y . p r o t o t y p e ; j q u e r y . f n . a d d = f u n c t i o n ( ) v a r b = n e w j q u e r y ( ) ; b . a d d ( ) ; 以 上 是 简 化 后 的 示 意 原 理 ， 但 是 j Q u e r y . f n . e x t e n d ( ) 其 实 做 的 就 是 在 j q u e r y 的 原 型 对 象 上 增 加 e x t e n d ( ) 里 的 属 性 或 方 法 。 j q u e r y 里 $ ( X X ) 其 实 底 层 就 是 n e w j q u e r y ( ) 创 建 了 一 个 对 象 。 j Q u e r y . f n . e x t e n d ( ) 实 现 了 扩 展 后 ， 这 个 创 建 出 来 的 对 象 自 动 就 具 备 了 扩 展 的 能 力 。 例 如 $ ( X X ) . b o o t s t r a p T a b l e ( ) , 这 个 b o o t s t r a p T a b l e ( ) 就 是 j q 插 件 往 j q u e r y 的 原 型 对 象 上 注 入 进 来 的 能 力 。 讲 解 r e q u i r e j s 核 心 概 念 的 d e m o 作 者 : a d m i n 时 间 : 2 0 2 5 0 6 1 5 分 类 : 默 认 分 类 评 论 背 景 F A 框 架 大 量 使 用 了 r e q u r i e J S 。 要 理 解 框 架 如 何 使 用 的 ， 代 码 藏 得 比 较 深 ， 不 易 于 理 解 。 本 案 例 就 脱 离 F A 框 架 ， 没 有 一 行 框 架 的 代 码 ， 基 于 r e q u i r e J S 从 零 实 现 一 个 简 单 的 功 能 ， 包 括 ： 1 、 演 示 一 ： 封 装 一 个 模 块 ， 实 现 两 位 数 的 加 法 。 输 入 数 字 ， 就 实 时 显 示 计 算 结 果 。 2 、 演 示 二 ： 封 装 一 个 模 块 ， 实 现 输 入 什 么 文 字 ， 就 显 示 : 机 器 人 回 复 ： 您 好 ， 我 是 飞 哥 。 我 收 到 你 的 消 息 ： X X X h t m l r e q u i r e J s 加 载 原 理 r e q u i r e J s 加 载 原 理 演 示 一 ： 调 用 m a t h . j s 的 函 数 第 一 个 数 第 二 个 数 求 和 ： 演 示 二 ： 调 用 s a y h i . j s 的 函 数 输 入 文 字 机 器 人 回 复 ： 主 j s 就 是 上 面 d a t a m a i n = m a i n 执 行 是 m a i n . j s r e q u i r e . c o n f i g ( } ) ; / / 注 意 r e q u i r e 函 数 第 一 个 入 参 是 数 组 ， 里 面 的 元 素 表 示 要 加 载 的 j s 文 件 。 / / 先 到 r e q u i r e . c o n f i g 中 的 p a t h s 配 置 找 路 径 ， 找 不 到 再 到 根 目 录 找 。 / / 例 如 如 下 的 j q u e r y 、 f e i g e _ r o b o t 在 p a t h s 中 配 置 了 路 径 ， 就 会 从 这 些 路 径 加 载 对 应 的 j s 文 件 / / 例 如 如 下 的 m a t h 在 p a t h s 中 没 有 配 置 路 径 ， 就 会 从 根 目 录 找 , 就 会 找 到 j s / m a t h . j s r e q u i r e ( [ j q u e r y , f e i g e _ r o b o t , m a t h ] , f u n c t i o n ( $ , f e i g e _ r o b o t , m a t h ) ) $ ( # n u m 2 ) . k e y u p ( f u n c t i o n ( ) ) $ ( # m s g ) . k e y u p ( f u n c t i o n ( ) ) } ) 从 以 上 的 代 码 ， 可 以 看 出 加 载 了 如 下 的 模 块 j q u e r y , f e i g e _ r o b o t （ 其 实 就 是 下 面 的 模 块 二 ： s a y h i . j s ， f e i g e _ r o b o t 是 起 来 个 别 名 ） , m a t h （ 其 实 就 是 下 面 的 模 块 一 ： m a t h . j s ） 。 加 载 了 这 些 模 块 后 ， 在 函 数 里 就 可 以 直 接 调 用 模 块 暴 露 出 来 的 方 法 ， 例 如 m a t h . a d d ( n u m 1 , n u m 2 ) 或 者 f e i g e _ r o b o t . s a y ( m s g ) 。 模 块 一 ： m a t h . j s d e f i n e ( f u n c t i o n ( ) ; r e t u r n ; } ) ; 模 块 二 ： s a y h i . j s d e f i n e ( f u n c t i o n ( ) ; r e t u r n ; } ) ; 运 行 效 果 i m a g e . p n g r e q u i r e J s 加 载 原 理 作 者 : a d m i n 时 间 : 2 0 2 5 0 6 1 5 分 类 : 默 认 分 类 评 论 背 景 r e q u r e j s 是 f a s t a d m i n 前 端 框 架 的 基 础 和 核 心 。 如 果 不 了 解 r e q u i r e j s ， 在 编 写 代 码 时 将 会 磕 磕 碰 碰 。 我 们 带 着 如 下 的 问 题 来 学 习 ： 页 面 上 没 找 到 s c r i p t 标 签 引 用 j s 文 件 的 位 置 ？ 如 何 添 加 上 的 J S 文 件 ？ j s 里 大 量 的 r e q u i r e 函 数 是 什 么 意 思 ？ d e f i n e ( [ j q u e r y , b o o t s t r a p , b a c k e n d , t a b l e , f o r m ] , f u n c t i o n ( $ , u n d e f i n e d , B a c k e n d , T a b l e , F o r m ) ) ) r e q u r e j s 的 作 用 按 需 加 载 J S 文 件 ， 避 免 在 页 面 初 始 化 时 就 逐 一 将 全 部 的 J S 都 下 载 下 来 ， 提 升 页 面 的 性 能 ； 管 理 J S 之 间 的 依 赖 性 ， 便 于 代 码 的 编 写 和 维 护 。 A M D 规 范 A M D 是 “ A s y n c h r o n o u s M o d u l e D e f i n i t i o n ” 的 缩 写 ， 即 “ 异 步 模 块 定 义 ” 。 主 要 用 于 浏 览 器 端 开 发 。 在 浏 览 器 端 ， 由 于 网 络 延 迟 等 因 素 ， 模 块 的 加 载 时 间 可 能 会 比 较 长 ， A M D 的 异 步 加 载 特 性 可 以 有 效 避 免 页 面 渲 染 被 阻 塞 ， 提 高 页 面 的 加 载 速 度 和 用 户 体 验 。 例 如 ， 在 大 型 的 前 端 项 目 中 ， 使 用 A M D 规 范 可 以 实 现 按 需 加 载 模 块 ， 减 少 初 始 加 载 时 间 ， 提 升 应 用 的 性 能 。 其 核 心 是 d e f i n e 和 r e q u i r e 两 个 函 数 。 d e f i n e 声 明 依 赖 使 用 d e f i n e 函 数 来 定 义 模 块 ， 显 式 声 明 了 依 赖 的 模 块 ， 并 将 这 些 依 赖 模 块 以 参 数 的 形 式 传 递 给 本 模 块 函 数 。 格 式 如 下 ： 如 下 是 没 有 依 赖 其 他 模 块 的 时 候 ： d e f i n e ( f u n c t i o n ( ) ) ; 如 果 这 个 模 块 还 依 赖 其 他 模 块 ， 那 么 d e f i n e ( ) 函 数 的 第 一 个 参 数 ， 必 须 是 一 个 数 组 ， 指 明 该 模 块 的 依 赖 性 ： d e f i n e ( [ f f ] , f u n c t i o n ( f f ) ) ; 以 上 表 示 本 模 块 依 赖 了 f f 模 块 模 块 暴 露 其 属 性 或 方 法 通 过 r e t u r n 的 方 式 暴 露 其 属 性 或 方 法 。 一 般 调 用 者 可 以 调 用 此 模 块 的 属 性 或 方 法 。 d e f i n e ( f u n c t i o n ( ) ; r e t u r n ; } ) ; 上 面 代 码 就 是 将 a d d 方 法 暴 露 出 去 。 r e q u i r e 的 方 式 来 加 载 模 块 上 面 d e f i n e 函 数 是 定 义 了 模 块 ， 如 果 要 调 用 这 些 模 块 ， 就 需 要 使 用 r e q u i r e 函 数 ， 这 函 数 是 r e q u i r e J S 提 供 的 , 等 下 详 细 讲 解 。 r e q u i r e ( [ j q u e r y , f e i g e _ r o b o t , m a t h ] , f u n c t i o n ( $ , f e i g e _ r o b o t , m a t h ) ) 注 意 r e q u i r e 函 数 第 一 个 入 参 是 数 组 ， 里 面 的 元 素 表 示 要 加 载 的 模 块 。 这 些 模 块 对 应 的 j s 路 径 定 义 在 哪 里 呢 ， 等 下 看 。 表 示 依 次 调 用 j q u e r y 、 f e i g e _ r o b o t 、 m a t h ， 三 个 模 块 初 始 化 后 赋 值 给 $ 、 f e i g e _ r o b o t 、 m a t h 三 个 变 量 ， 后 续 函 数 就 可 以 可 以 通 过 这 些 变 量 来 调 用 各 种 模 块 暴 露 出 来 的 方 式 和 属 性 。 r e q u i r e J s R e q u i r e J S 是 一 个 J a v a S c r i p t 模 块 加 载 器 ， 它 实 现 了 A M D 规 范 ， 是 A M D 规 范 的 具 体 实 现 之 一 。 D e f i n e J S 、 c u r l . j s 、 D o j o 等 其 他 的 前 端 框 架 也 实 现 了 A M D 规 范 。 h t m l 引 入 r e q u r e j s 文 件 并 加 载 主 j s 使 用 s c r i p t 加 载 r e q u r e j s ， 加 载 后 要 加 载 一 个 主 j s 文 件 。 这 个 文 件 会 第 一 个 被 r e q u i r e . j s 加 载 。 如 下 d a t a m a i n = m a i n , 注 意 不 需 要 带 上 . j s 后 缀 ， 表 示 主 j s 文 件 为 本 h t m l 相 同 目 录 下 的 m a i n . j s 。 配 置 信 息 r e q u i r e . c o n f i g 设 置 r e q u i r e j s 加 载 的 配 置 信 息 ， 关 键 几 个 ： b a s e U r l ： 指 定 根 目 录 。 因 为 要 加 载 很 多 其 他 的 模 块 j s ， 如 果 使 用 的 是 相 当 路 径 ， 加 载 时 就 会 拼 上 这 个 根 目 录 。 p a t h s ： 维 护 了 模 块 j s 的 路 径 和 别 名 的 关 系 ， 在 其 他 模 块 使 用 时 就 使 用 别 名 就 可 以 ， 到 时 就 通 过 别 名 来 加 载 相 应 的 j s 。 r e q u i r e . c o n f i g ( } ) ; 其 中 注 意 ， p a t h s 里 的 条 目 ， 路 径 不 需 要 体 现 j s 后 缀 ， 默 认 会 加 上 j s 后 缀 的 。 如 果 加 了 ， 反 而 重 复 了 。 r e q u i r e 函 数 加 载 模 块 r e q u i r e 函 数 第 一 个 入 参 是 数 组 ， 里 面 的 元 素 表 示 要 加 载 的 模 块 。 如 果 模 块 的 j s 文 件 的 路 径 r e q u i r e . c o n f i g 的 p a t h s 有 映 射 ， 就 去 这 里 的 路 径 来 加 载 j s 文 件 。 如 果 p a t h s 没 映 射 ， 就 r e q u i r e . c o n f i g 的 b a s e U r l 拼 上 模 块 名 称 的 j s 文 件 。 r e q u i r e ( [ j q u e r y , f e i g e _ r o b o t , m a t h ] , f u n c t i o n ( $ , f e i g e _ r o b o t , m a t h ) ) 例 如 ， 如 果 m a t h 在 p a t h s 中 没 有 配 置 路 径 ， 就 会 从 根 目 录 找 , 就 会 找 到 j s / m a t h . j s 1 2 后 一 页 » 最 新 文 章 f a s t a d m i n n i c e v a l i d a t o r r e m o t e 验 证 j s o n 数 据 a j a x 验 证 失 效 自 定 义 表 头 按 钮 和 行 按 钮 j q u e r y 插 件 开 发 核 心 概 念 讲 解 r e q u i r e j s 核 心 概 念 的 d e m o r e q u i r e J s 加 载 原 理 表 单 校 验 如 何 在 F a s t A d m i n 中 实 现 自 定 义 主 题 设 计 欢 迎 使 用 T y p e c h o 最 近 回 复 T y p e c h o : 欢 迎 加 入 T y p e c h o 大 家 族 分 类 默 认 分 类 归 档 J u n e 2 0 2 5 其 它 登 录 文 章 R S S 评 论 R S S T y p e c h o © 2 0 2 5 码 农 的 牛 马 人 生 . 湘 I C P 备 2 0 2 2 0 2 2 7 2 0 号 由 T y p e c h o 强 力 驱 动 .

域名(www.zgxjjt.asia)由网友主动性提交被小玖导航-秒收录整理收录的，本页最后更新时间为：2025-09-09 21:49:04，小玖导航-秒收录仅提供www.zgxjjt.asia的基础信息并免费向广大游客展示，该站IP地址为- 地址：-，该站打开速度为636毫秒，该站的百度权重为0、百度手机权重为0、百度收录为0条、360收录为0条、搜狗收录为0条、谷歌收录为0条、百度来访流量大约在-之间、百度手机端来访流量大约在-之间、www.zgxjjt.asia的备案号是-、备案人叫-、被百度收录的关键词有0个、手机端关键词有0个、迄今为止已经创建未知，其内容不代表本站赞成被显示该站点的内容或立场，相关资料: txt下载、docx下载、pdf下载、rar下载、zip下载，本页地址：http://www.xiaojiuz.com/links/ab98183b468a935715c0.html。