中 级 前 端 工 程 师 职 业 能 力 考 试 大 纲 一 概 述 组 织 中 级 前 端 工 程 师 应 用 能 力 考 试 ( 以 下 称 : 考 试 ), 对 前 端 工 程 师 技 能 的 评 定 与 审 核 提 高 应 用 能 力 起 到 了 积 极 的 推 动 作 用 考 试 方 式 分 为 笔 试 实 战 答 辩 三 个 部 分 笔 试 部 分 共 120 道 题 目, 考 核 时 间 120 分 钟 题 目 分 为 掌 握 熟 悉 了 解 三 个 等 级, 各 占 50%,30%,20% 三 种 比 例 总 分 120 分 ( 见 附 录 1) 实 战 部 分 需 要 学 员 随 机 抽 取 考 核 题 目, 按 抽 取 考 核 要 求 完 成 实 战 考 核 内 容, 按 考 核 要 求 提 交 实 战 部 分 代 码 送 审 按 送 审 后 回 执 参 与 能 力 答 辩 答 辩 部 分 由 考 生 对 提 交 的 实 战 代 码 进 行 演 示, 答 辩 部 分 需 要 考 生 完 成 以 下 四 部 分 的 内 容 演 示 对 实 战 考 核 题 目 的 理 解 ; 对 实 战 代 码 的 应 用 和 分 析 ; 对 送 审 回 执 中 问 题 的 回 答 ; 评 审 老 师 的 现 场 问 题 ; 二 实 战 部 分 评 分 标 准 (100 分 ) 实 战 考 核 部 分 主 要 是 功 能 方 向 的 选 题, 共 计 100 分, 按 照 以 下 标 准 评 分 1 交 互 性 设 计 ( 共 40 分 ): 设 计 美 观 度 (10 分 ) 功 能 实 用 性 (10 分 ) 交 互 体 验 (10 分 ) 响 应 式 体 验 (10 分 ): 考 核 范 围 内 不 支 持 的 设 备 每 个 扣 1 分 2 代 码 质 量 (60 分 ): 代 码 优 化 程 度 将 从 以 下 几 方 面 衡 量 代 码 质 量, 将 作 为 加 分 项, 考 生 在 实 战 报 告 中 需 要 明 确 标 记 优 化 方 式 1. React 组 件 划 分 设 计 (6 分 ) 2. Webpack 自 动 化 架 构 (5 分 )(webpack 与 flux 二 选 一 ) 3. Flux 框 架 设 计 (5 分 ) 4. Less 规 范 设 计 (3 分 ) 5. 维 护 性 设 计 (6 分 ) 6. 路 由 设 计 (5 分 ) 7. 服 务 端 与 客 户 端 交 互 设 计 (8 分 ) 8. 组 件 可 重 用 性 (8 分 ) 9 代 码 整 洁 度 (7 分 ) 10 页 面 合 理 的 动 画 效 果 (5 分 ) 11 flex 布 局 (7 分 ) 三 答 辩 部 分 评 分 标 准 (50 分 ) 答 辩 时 间 20 分 钟, 考 生 根 据 实 战 报 告 阐 述 自 己 的 实 战 作 品 导 师 根 据 考 生 的 阐 述 现 场 提 出 问 题, 考 生 予 以 作 答 该 环 节 评 分 总 计 50 分 阐 述 流 畅 和 演 示 的 流 畅 性 占 20 分 ; 答 题 环 节 占 30 分, 将 有 4-8 个 问 题 供 考 生 当 场 作 答
四 资 格 评 定 笔 试 实 战 与 答 辩 阶 段 总 分 共 270 分 180 分 以 上 者 将 准 予 中 级 前 端 工 程 师 资 格 除 笔 试 外, 主 观 评 分 项 均 有 5 名 评 委 参 与 去 掉 最 高 分 数, 去 掉 最 低 分 数, 剩 余 三 名 评 委 的 平 均 分 为 主 观 考 核 分 数 五 关 于 考 试 全 国 统 考 : 每 年 组 织 三 次 全 国 统 考, 考 试 时 间 为 3 月 10 月 12 月 第 二 周 的 周 六 9:00-17:00, 报 名 截 止 时 间 为 考 试 前 的 十 个 工 作 日 参 加 考 试 的 学 员 需 根 据 认 证 培 训 管 理 办 公 室 提 供 的 考 试 章 程, 填 写 考 试 报 名 表 提 供 答 辩 资 料 并 携 带 本 人 身 份 证 参 加 报 名 和 考 试 单 独 申 请 : 如 果 授 权 的 组 织 单 位 一 次 申 请 考 试 人 数 超 过 30 人, 可 以 由 授 权 培 训 中 心 向 认 证 培 训 管 理 办 公 室 提 出 考 试 申 请, 经 批 准 后 独 立 组 织 考 试 考 试 细 则 : 考 试 开 始 前 十 个 工 作 日, 将 由 认 证 培 训 管 理 办 公 室 统 一 发 送 考 试 细 则 至 报 名 邮 箱 考 试 细 则 包 含, 实 战 部 分 项 目 要 求 提 交 时 间 和 方 式 参 加 答 辩 所 需 材 料 和 细 则 参 加 笔 试 的 具 体 时 间 安 排 考 核 知 识 点 附 录 1 1 中 级 工 程 师 课 程 概 述 熟 悉 前 端 工 程 师 技 术 概 况 了 解 前 端 工 程 师 技 术 发 展 趋 势 了 解 中 级 前 端 工 程 师 考 核 大 纲 内 容 2.1 Node 特 点 & NPM 命 令 详 解 掌 握 Nodejs 应 用 场 景 熟 悉 Nodjs 的 技 术 特 殊 特 点 熟 悉 NPM 常 用 命 令 了 解 Javascript 发 展 前 景 了 解 WebStorm 安 装 与 使 用 2.2 即 时 通 讯 类 服 务 器 的 开 发 掌 握 Net 模 块 的 方 法 和 事 件 了 解 net.socket 2.3 构 建 WEB 应 用 浏 览 掌 握 什 么 是 web 服 务 器, 区 别 前 后 端 语 言 的 特 点 熟 悉 http 模 块 解 析 掌 握 Node 制 作 web 服 务 器 熟 悉 Node 制 作 web 客 户 端 了 解 主 流 的 web 服 务 器 2.4 构 建 WEB 应 用 路 由 解 析 掌 握 路 由 解 析 的 概 念 熟 悉 URL 模 块 熟 悉 服 务 器 获 取 Get 数 据 2.5 构 建 WEB 应 用 上 传 掌 握 服 务 获 取 POST 数 据 熟 悉 UTIL 模 块 了 解 上 传 文 件 机 制
了 解 formidable 2.6 fs 文 件 处 理 模 块 掌 握 FS 模 块 熟 悉 读 取 文 件 写 文 件 打 开 文 件 创 建 目 录 读 取 目 录 查 看 文 件 目 录 信 息 了 解 查 看 目 录 是 否 存 在 修 改 访 问 时 间 权 限 熟 悉 重 命 名 文 件 或 目 录 删 除 空 目 录 了 解 监 视 文 件 取 消 监 视 文 件 监 视 文 件 或 目 录 2.7 核 心 API(Events) 掌 握 Events.EventEmitter 类 熟 悉 Events 的 方 法 了 解 Events 的 事 件 了 解 I/O 操 作 2.8 工 具 类 API(DNS 加 密 进 程 ) 掌 握 DNS 模 块 熟 悉 DNS 模 块 的 方 法 熟 悉 如 何 根 据 域 名 查 找 IP 了 解 dns.resolve() 方 法 中 有 效 的 rrtypes 值 了 解 DNS 模 块 错 误 码 了 解 加 密 解 密 熟 悉 NODE 进 程 管 理 2.9 网 络 编 程 (TCP UDP) 了 解 OSI 开 放 互 联 参 考 模 型 掌 握 什 么 是 TCP 掌 握 什 么 是 UDP 熟 悉 TCP 与 UDP 区 别 掌 握 UDP 连 接 方 式 2.10 网 络 编 程 (WebSocket) 掌 握 什 么 叫 WebSocket 了 解 WebSocket 通 信 原 理 熟 悉 socket.io 2.11 Node 的 Mysql 模 块 掌 握 T-SQL 语 法 中 SELECT UPDATE DELETE INSTART 熟 悉 node 与 js 连 接 了 解 select 表 联 合 查 询 2.12 实 战 : 即 时 聊 天 室 本 实 战 主 要 应 用 node 高 并 发 能 力, 处 理 即 时 聊 天 室 的 巨 大 信 息 流 3.1 CommonJS & AMD 模 块 引 用 规 范 掌 握 CommaonJS 模 块 引 用 掌 握 AMD 模 块 引 用 了 解 WEB 环 境 中 使 用 AMD 模 块 熟 悉 CommanonJS 与 AMD 区 别 了 解 ECMAScript6 发 展 史 3.2 webpack 构 建 工 具 了 解 中 间 件 与 脚 手 架 掌 握 webpack 前 端 自 动 化 工 具 简 介 熟 悉 webpack 代 码 拆 分 功 能 熟 悉 webpack 安 装 配 置 运 行 环 境 熟 悉 config 文 件 配 置 熟 悉 webpack 插 件 :js 压 缩 css 资 源 打 包 3.3 flexbox 布 局 掌 握 Flex 布 局 优 势 熟 悉 Flex 布 局 理 论
熟 悉 会 应 用 Flex 进 行 布 局 3.4 less 安 装 与 语 法 掌 握 Lessc 安 装 与 编 译 熟 悉 注 释 熟 悉 变 量 熟 悉 外 部 引 用 熟 悉 嵌 套 熟 悉 父 选 择 符 @ 熟 悉 混 合 熟 悉 loop 语 句 熟 悉 匹 配 模 式 熟 悉 @arguments 熟 悉 避 免 编 译 熟 悉!important 熟 悉 less 函 数 库 及 颜 色 函 数 3.5 emmet 语 法 掌 握 emmet 历 史 发 展 与 功 能 简 介 熟 悉 emmet 语 法 了 解 emmet 在 sublime 上 如 何 安 装 3.6 双 向 数 据 绑 定 机 制 与 单 向 数 据 流 掌 握 双 向 数 据 绑 定 机 制 设 计 与 理 解 熟 悉 单 向 数 据 流 设 计 熟 悉 面 向 数 据 的 组 件 更 新 方 式 了 解 jquery 的 DOM 与 React 的 数 据 驱 动 区 别 于 优 势 了 解 单 向 数 据 流 比 双 向 数 据 绑 定 的 优 势 4.1 REACT 简 介 掌 握 REACT 简 介 与 发 展 史 掌 握 REACT 特 点 熟 悉 REACT 页 面 引 入 熟 悉 babel 介 绍 了 解 babel 安 装 与 转 换 命 令 了 解 ReactDOM.render 迭 代 到 React.render 4.2 JSX 掌 握 为 什 么 需 要 JSX 熟 悉 基 本 语 法 熟 悉 变 量 和 逻 辑 熟 悉 关 键 字 冲 突 熟 悉 JSX 样 式 熟 悉 命 名 空 间 了 解 代 码 风 格 建 议 4.3 React 组 件 化 掌 握 组 件 化 概 念 熟 悉 如 何 拆 分 组 件 熟 悉 React 创 建 组 件 4.4 生 命 周 期 之 初 始 化 掌 握 组 件 的 三 个 生 命 周 期 熟 悉 初 始 化 五 个 阶 段 4.5 生 命 周 期 之 运 行 中 掌 握 运 行 中 的 五 个 阶 段 了 解 每 个 阶 段 可 以 处 理 的 事 情 4.6 生 命 周 期 之 销 毁 阶 段 掌 握 声 明 周 期 的 销 毁 阶 段 熟 悉 如 何 销 毁 组 件
4.7 原 生 事 件 和 属 性 概 述 了 解 绑 定 事 件 和 对 象 了 解 绑 定 事 件 的 对 象 属 性 熟 悉 React 中 如 何 调 用 事 件 以 及 调 用 事 件 属 性 4.8 父 子 组 件 相 互 传 值 掌 握 父 组 件 向 子 组 件 传 值 掌 握 子 组 件 向 父 组 件 传 值 掌 握 兄 弟 组 件 传 值 4.9 mixins 掌 握 mixins 概 念 熟 悉 React 使 用 mixins 混 合 4.10 数 据 双 向 绑 定 掌 握 React 中 实 现 双 向 数 据 流 熟 悉 表 单 在 双 向 数 据 流 中 效 果 4.11 React 动 画 效 果 掌 握 React.addons.CSSTransitionGroup 的 引 用 与 使 用 熟 悉 动 画 原 理 4.12 React 与 Dom 掌 握 getdomnode() 掌 握 Refs 掌 握 render 4.13 React 与 表 单 掌 握 表 单 事 件 熟 悉 React 表 单 事 件 的 响 应 机 制 了 解 React 在 表 单 中 的 可 用 性 4.14 clonewithprops 掌 握 clonewithprops 的 引 用 和 介 绍 熟 悉 用 clonewithprops 克 隆 组 件 4.15 React 性 能 优 化 掌 握 DOM 与 虚 拟 DOM 性 能 分 析 熟 悉 shouldcomponentupdate 机 制 4.16 amazeui react 组 件 掌 握 AmazeUI 的 介 绍 熟 悉 代 码 规 范 熟 悉 AmazeUI 的 布 局 相 关 方 法 Flex 熟 悉 AmazeUI 的 HTML 元 素 使 用 熟 悉 AmazeUI 的 导 航 相 关 熟 悉 AmazeUI 常 用 组 件 交 互 组 件 移 动 端 组 件 4.17 webpack 配 置 react-hot-loader 掌 握 安 装 配 置 react-hot-loader 掌 握 react-hot-loader 功 能 熟 悉 配 置 react 的 react-hot-loader 了 解 Webpack 模 块 加 载 器 (Loaders) 4.18 React Router 掌 握 安 装 Router 熟 悉 Router 的 作 用 了 解 嵌 套 路 由 熟 悉 Path 属 性 熟 悉 通 配 符 熟 悉 indexroute 组 件 熟 悉 Redirect 组 件 熟 悉 IndexRedirect 组 件
熟 悉 Link 组 件 熟 悉 IndexLink 熟 悉 Histroy 熟 悉 表 单 处 理 了 解 路 由 钩 子 4.19 Flux 架 构 掌 握 Flux 框 架 介 绍 熟 悉 Flux 安 装 熟 悉 View( 视 图 层 ) 配 置 熟 悉 Action( 动 作 ) 配 置 熟 悉 Dispatcher( 派 发 器 ) 配 置 熟 悉 tore( 数 据 层 ) 配 置 4.20 实 践 : 基 于 构 建 工 具 React 项 目 实 战 ( 考 核 )