枫 林 晚 记 首 页 归 档 分 类 标 签 闲 言 关 于 浅 谈 浏 览 器 渲 染 原 理   2 0 2 1 1 0 1 8 浏 览 器 3 4 分 钟 读 完 ( 大 约 5 0 2 7 个 字 ) 前 言 变 得 浮 躁 了 ， 很 久 没 有 写 过 一 篇 完 整 的 博 客 了 ， 在 此 写 篇 博 客 整 理 下 主 流 浏 览 器 的 渲 染 流 程 ， 虽 然 这 篇 文 章 在 很 早 之 前 就 想 写 ， 但 那 时 终 究 未 下 笔 。 浏 览 器 作 为 w e b 应 用 的 主 要 载 体 ， 与 前 端 开 发 者 息 息 相 关 ， 而 其 中 最 关 键 的 就 是 渲 染 引 擎 ， 了 解 浏 览 器 的 渲 染 原 理 ， 有 助 于 我 们 从 更 高 的 维 度 去 审 视 页 面 ， 出 现 问 题 时 也 可 以 让 我 们 在 一 定 程 度 上 透 过 事 物 看 本 质 。   布 局 ,   浏 览 器 ,   渲 染 原 理 ,   渲 染 进 程 阅 读 全 文 浅 谈 1 0 0 v h 在 移 动 端 中 的 差 异 及 解 决 方 案   2 0 2 0 0 9 1 5 前 端   /   C S S 6 分 钟 读 完 ( 大 约 8 4 2 个 字 ) 前 言 在 做 活 动 页 的 时 候 ， 第 一 页 需 要 整 屏 显 示 ， 使 用 了 1 0 0 v h 来 作 为 第 一 页 的 高 度 ， 但 在 i o s s a f a r i 中 效 果 却 不 是 我 所 期 望 的 那 样 。 遂 写 篇 博 文 来 记 录 下 问 题 的 产 生 和 解 决 及 原 因 。   1 0 0 v h ,   S a f a r i ,   浏 览 器 ,   移 动 端 阅 读 全 文 浅 谈 v u e 前 端 同 构 框 架 n u x t 及 其 性 能 优 化   2 0 2 0 0 5 1 3 前 端   /   J a v a S c r i p t   /   V u e 2 8 分 钟 读 完 ( 大 约 4 1 8 6 个 字 ) 前 言 使 用 n u x t . j s 做 项 目 也 接 近 快 一 年 了 ， 从 立 项 到 内 测 、 公 测 、 再 到 正 式 上 线 ， 还 有 后 面 的 不 断 维 护 ， 也 陆 陆 续 续 的 踩 了 很 多 坑 ， 其 中 最 大 的 问 题 就 是 n o d e 的 渲 染 性 能 问 题 了 。 模 板 转 换 是 c p u 密 集 型 的 操 作 ， n o d e 又 是 单 线 程 的 ， 并 发 一 高 ， c p u 就 会 飙 到 1 0 0 % 。 为 了 提 升 n u x t . j s 的 渲 染 性 能 ， 也 陆 陆 续 续 的 查 找 了 很 多 资 料 ， 发 现 网 上 针 对 n u x t . j s 的 性 能 优 化 的 文 章 比 较 少 ， 比 较 杂 。 所 以 我 写 下 这 篇 文 章 记 录 下 自 己 对 n u x t . j s 做 性 能 优 化 的 时 候 采 取 的 一 些 方 法 ， 算 是 篇 总 结 吧 ， 也 希 望 能 给 从 谷 歌 搜 到 这 的 朋 友 一 些 帮 助 。 本 文 着 重 于 性 能 优 化 ， 对 概 念 类 的 东 西 会 一 概 而 过 。   n u x t ,   s s r ,   v u e ,   性 能 优 化 ,   服 务 端 渲 染 阅 读 全 文 使 用 G i t L a b C I 进 行 持 续 集 成 的 一 些 踩 坑   2 0 2 0 0 4 1 0 L i n u x 4 分 钟 读 完 ( 大 约 6 4 8 个 字 ) 前 言 最 近 重 新 使 用 G i t L a b C I 对 项 目 进 行 持 续 集 成 ， 碰 到 了 一 些 问 题 ， 在 此 记 录 下 来 ， 并 给 出 自 己 的 解 决 方 案 ， 或 许 可 以 给 搜 到 这 的 朋 友 一 些 帮 助 或 启 发 。   g i t l a b r u n n e r ,   持 续 集 成 ,   部 署 阅 读 全 文 浅 谈 v u e 在 c r e a t e d 和 m o u n t e d 请 求 异 步 数 据 的 一 些 谣 言   2 0 1 9 1 2 1 9 前 端   /   J a v a S c r i p t   /   V u e 1 0 分 钟 读 完 ( 大 约 1 5 4 7 个 字 ) 前 言 今 天 下 班 ， 日 常 在 公 交 车 上 用 手 机 浏 览 技 术 社 区 ， 刷 文 章 。 偶 然 看 到 一 篇 文 章 ， 其 中 一 部 分 内 容 如 下 图 ： 其 大 意 是 在 c r e a t e d 这 个 生 命 周 期 请 求 异 步 数 据 的 话 ， 请 求 过 多 ， 页 面 会 长 时 间 处 于 白 屏 。 看 到 这 我 就 不 淡 定 了 ， 请 求 不 是 异 步 的 ？ 怎 么 会 影 响 到 渲 染 呢 ？ E v e n t L o o p 白 学 了 ？ 之 后 我 将 这 张 截 图 发 给 朋 友 讨 论 了 一 波 ， 发 现 还 是 有 挺 多 人 搞 不 清 楚 其 中 的 关 键 ， 都 说 在 m o u n t e d 阶 段 请 求 数 据 会 比 较 好 ， 在 c r e a t e d 请 求 可 能 会 找 不 到 需 要 渲 染 的 元 素 之 类 的 。 于 是 就 有 了 这 篇 文 章 的 诞 生 。   c r e a t e d ,   m o u n t e d ,   v u e ,   异 步 请 求 ,   生 命 周 期 阅 读 全 文 d e e p i n 启 用 交 换 文 件   2 0 1 9 1 2 1 6 L i n u x 3 分 钟 读 完 ( 大 约 5 1 5 个 字 ) 前 言 自 己 的 电 脑 太 渣 了 ， 刚 上 大 学 的 时 候 买 的 ， 期 间 不 断 升 级 配 件 坚 挺 到 现 在 。 自 大 四 上 学 期 后 就 一 直 是 双 系 统 w i n 1 0 + d e e p i n 。 平 时 娱 乐 和 基 友 玩 游 戏 就 换 回 w i n 1 0 ， 工 作 和 学 习 都 是 在 d e e p i n 上 进 行 的 。 但 由 于 电 脑 实 在 是 太 渣 ， 而 v s c o d e 和 c h r o m e 又 是 吃 内 存 大 户 ， 升 级 的 8 G 内 存 实 在 是 不 够 用 ， 多 开 几 个 v s c o d e 和 c h r o m e 再 启 动 几 个 n o d e 服 务 时 间 一 久 ， 就 会 报 爆 存 ， 而 d e e p i n 的 内 存 管 理 又 实 在 是 差 劲 ， 一 爆 内 存 就 彻 底 卡 死 。 这 个 状 况 直 到 开 启 了 s w a p 文 件 后 ， 就 好 了 很 多 ， 系 统 再 也 不 会 爆 内 存 卡 死 了 ， 但 非 固 态 硬 盘 不 推 荐 开 启 l i n u x 交 换 文 件 。   d e e p i n ,   l i n u x ,   交 换 文 件 阅 读 全 文 浅 谈 浏 览 器 缓 存 机 制   2 0 1 9 0 7 0 7 前 端   /   浏 览 器 7 分 钟 读 完 ( 大 约 1 0 0 2 个 字 ) 前 言 在 前 端 性 能 优 化 这 一 块 上 ， 利 用 好 浏 览 器 缓 存 可 以 说 是 最 为 简 单 高 效 的 一 中 方 式 了 ， 当 然 不 只 是 在 浏 览 器 ， 不 管 是 什 么 ， 利 用 好 缓 存 都 极 大 的 提 高 性 能 。 浏 览 器 缓 存 机 制 也 就 是 H T T P 缓 存 机 制 ， 可 以 有 效 的 减 少 网 络 传 输 所 消 耗 的 流 量 和 时 间 ， 若 所 请 求 的 资 源 在 浏 览 器 中 存 在 缓 存 ， 那 么 则 可 以 直 接 使 用 缓 存 而 不 发 生 请 求 ， 或 者 是 发 送 请 求 但 服 务 器 上 和 客 户 端 上 的 数 据 完 全 一 致 ， 不 存 在 更 新 ， 那 就 不 必 再 将 数 据 回 传 给 客 户 端 ， 而 是 直 接 使 用 浏 览 器 缓 存 ， 大 大 的 减 少 了 响 应 的 数 据 ， 提 高 了 性 能 。   函 数 式 编 程 阅 读 全 文 记 一 次 前 后 端 分 离 使 用 t o k e n 登 录 解 决 方 案 （ n o d e j w t + V u e a x i o s ）   2 0 1 9 0 3 2 0 随 笔 7 分 钟 读 完 ( 大 约 9 7 7 个 字 ) 前 言 最 近 在 帮 校 友 写 一 个 项 目 ， 欣 音 悦 （ 以 歌 单 歌 单 分 享 为 主 的 音 乐 w e b a p p ） 。 这 是 一 个 类 似 于 Q Q 音 乐 的 w e b a p p 目 前 还 在 开 发 中 ， 其 中 歌 曲 数 据 和 歌 手 数 据 来 自 于 Q Q 音 乐 的 接 口 ， 而 歌 单 数 据 则 存 在 本 地 数 据 库 中 。 校 友 的 需 求 是 用 户 能 添 加 歌 单 并 分 享 ， 能 听 歌 ， 能 评 论 。 所 以 就 涉 及 用 户 登 录 状 态 保 持 ， 而 我 也 是 首 次 尝 试 使 用 后 t o k e n 方 案 进 行 登 录 处 理 ， 所 以 就 写 这 篇 博 文 记 录 下 。   N o d e . j s ,   V u e . j s ,   t o k e n ,   实 战 ,   登 录 拦 截 阅 读 全 文 前 端 实 习 的 那 些 日 子   2 0 1 9 0 3 1 2 随 笔 1 1 分 钟 读 完 ( 大 约 1 6 6 4 个 字 ) 闲 言 碎 语 不 得 不 感 叹 时 间 真 的 是 飞 逝 ， 如 今 都 9 1 0 2 年 了 ， 还 有 几 个 月 自 己 就 步 入 社 会 大 学 了 。 自 2 月 2 5 号 提 交 离 职 申 请 ， 不 知 不 觉 已 经 实 习 近 4 个 月 了 。 如 今 回 校 ， 就 想 写 点 什 么 ， 记 录 下 ， 总 结 下 ， 沉 淀 下 自 己 。 时 间 回 到 2 0 1 8 年 1 0 月 7 号 ， 自 己 一 个 人 拖 着 沉 重 的 行 李 箱 来 到 成 都 ， 先 跟 公 司 的 h r 小 姐 姐 联 系 了 下 ， 取 得 员 工 宿 舍 的 地 址 后 ， 便 往 宿 舍 的 地 址 奔 去 。 给 我 开 门 的 ， 是 一 个 高 瘦 的 小 伙 子 ， 好 奇 的 盯 了 我 两 眼 ， 我 说 明 来 意 后 ， 由 于 我 不 抽 烟 ， 他 便 安 排 我 住 进 了 他 们 那 间 房 间 。   前 端 ,   实 习 ,   总 结 ,   随 笔 阅 读 全 文 构 建 自 己 的 前 端 知 识 体 系   2 0 1 9 0 3 0 5 前 端 9 分 钟 读 完 ( 大 约 1 3 8 7 个 字 ) 前 言 在 金 庸 的 武 侠 世 界 中 ， 习 武 之 人 讲 究 的 是 融 汇 贯 通 ， 打 通 自 身 经 脉 ， 才 能 达 到 内 力 生 生 不 息 。 我 虽 非 习 武 之 人 ， 但 却 是 一 名 计 算 机 从 业 者 ， 需 要 足 够 扎 实 的 理 论 基 础 才 能 撑 得 起 各 种 实 践 。 前 端 的 知 识 太 多 太 多 ， 零 零 散 散 ， 需 要 从 点 到 面 去 扩 展 ， 再 由 面 到 点 的 去 深 入 ， 将 这 些 知 识 联 系 起 来 构 建 自 己 的 知 识 体 系 ， 加 深 理 解 ， 以 便 做 到 融 会 贯 通 。 构 建 自 己 的 知 识 体 系 的 时 候 ， 用 自 己 的 话 ， 将 这 些 知 识 讲 出 来 ， 讲 清 楚 ， 以 达 到 加 深 理 解 ， 整 个 过 程 中 逐 渐 融 汇 贯 通 ， 业 精 于 勤 荒 于 嬉 ， 行 成 于 思 毁 于 随 。   前 端 ,   前 端 知 识 体 系 ,   学 习 ,   方 法 论 阅 读 全 文 上 一 页 下 一 页 1 2 3 4 t f l i n 醉 后 不 知 天 在 水 ， 满 船 星 梦 压 星 河 文 章 3 8 分 类 1 5 标 签 云 5 3 我 的 朋 友 有 关 心 情 y o u g u a n x i n q i n g . x y z 8 6 d r i v e r t h e 8 6 d r i v e r . c o m 东 北 大 苞 米 b l o g . x u c h a 0 . c n 少 不 更 事 l i u e v . c o m 分 类 C S S 1 L i n u x 2 前 端 1 5 C S S 2 H T M L 1 J a v a S c r i p t 1 0 浏 览 器 1 后 端 1 2 N o d e . j s 1 2 工 具 1 浏 览 器 1 随 笔 6 标 签 云 1 0 0 v h 1 A j a x 1 C S S 1 C S S f l e x 1 C a n v a s 1 E S 6 1 E x p r e s s 1 1 H T M L 1 J a v a S c r i p t 5 N o d e . j s 1 3 P r o m i s e 1 S a f a r i 1 V u e . j s 1 c r e a t e d 1 d e e p i n 1 f o r m i d a b l e 1 g i t l a b r u n n e r 1 l i n u x 1 m o u n t e d 1 n u x t 1 s s r 1 t o k e n 1 v u e 3 交 换 文 件 1 函 数 1 函 数 式 编 程 2 前 端 2 前 端 知 识 体 系 1 原 型 1 学 习 1 学 习 计 划 1 实 习 1 实 战 1 2 布 局 1 异 步 1 异 步 请 求 1 性 能 优 化 1 总 结 1 持 续 集 成 1 数 组 1 方 法 论 1 服 务 端 渲 染 1 杂 谈 1 浏 览 器 2 渲 染 原 理 1 渲 染 进 程 1 生 命 周 期 1 登 录 拦 截 1 移 动 端 1 继 承 1 软 件 1 部 署 1 随 笔 4 1 0 0 v h ( 1 ) A j a x ( 1 ) C S S ( 1 ) C S S f l e x ( 1 ) C a n v a s ( 1 ) E S 6 ( 1 ) E x p r e s s ( 1 1 ) H T M L ( 1 ) J a v a S c r i p t ( 5 ) N o d e . j s ( 1 3 ) P r o m i s e ( 1 ) S a f a r i ( 1 ) V u e . j s ( 1 ) c r e a t e d ( 1 ) d e e p i n ( 1 ) f o r m i d a b l e ( 1 ) g i t l a b r u n n e r ( 1 ) l i n u x ( 1 ) m o u n t e d ( 1 ) n u x t ( 1 ) s s r ( 1 ) t o k e n ( 1 ) v u e ( 3 ) 交 换 文 件 ( 1 ) 函 数 ( 1 ) 函 数 式 编 程 ( 2 ) 前 端 ( 2 ) 前 端 知 识 体 系 ( 1 ) 原 型 ( 1 ) 学 习 ( 1 ) 学 习 计 划 ( 1 ) 实 习 ( 1 ) 实 战 ( 1 2 ) 布 局 ( 1 ) 异 步 ( 1 ) 异 步 请 求 ( 1 ) 性 能 优 化 ( 1 ) 总 结 ( 1 ) 持 续 集 成 ( 1 ) 数 组 ( 1 ) 方 法 论 ( 1 ) 服 务 端 渲 染 ( 1 ) 杂 谈 ( 1 ) 浏 览 器 ( 2 ) 渲 染 原 理 ( 1 ) 渲 染 进 程 ( 1 ) 生 命 周 期 ( 1 ) 登 录 拦 截 ( 1 ) 移 动 端 ( 1 ) 继 承 ( 1 ) 软 件 ( 1 ) 部 署 ( 1 ) 随 笔 ( 4 ) 分 类 C S S 1 L i n u x 2 前 端 1 5 C S S 2 H T M L 1 J a v a S c r i p t 1 0 浏 览 器 1 后 端 1 2 N o d e . j s 1 2 工 具 1 浏 览 器 1 随 笔 6 标 签 云 1 0 0 v h 1 A j a x 1 C S S 1 C S S f l e x 1 C a n v a s 1 E S 6 1 E x p r e s s 1 1 H T M L 1 J a v a S c r i p t 5 N o d e . j s 1 3 P r o m i s e 1 S a f a r i 1 V u e . j s 1 c r e a t e d 1 d e e p i n 1 f o r m i d a b l e 1 g i t l a b r u n n e r 1 l i n u x 1 m o u n t e d 1 n u x t 1 s s r 1 t o k e n 1 v u e 3 交 换 文 件 1 函 数 1 函 数 式 编 程 2 前 端 2 前 端 知 识 体 系 1 原 型 1 学 习 1 学 习 计 划 1 实 习 1 实 战 1 2 布 局 1 异 步 1 异 步 请 求 1 性 能 优 化 1 总 结 1 持 续 集 成 1 数 组 1 方 法 论 1 服 务 端 渲 染 1 杂 谈 1 浏 览 器 2 渲 染 原 理 1 渲 染 进 程 1 生 命 周 期 1 登 录 拦 截 1 移 动 端 1 继 承 1 软 件 1 部 署 1 随 笔 4 1 0 0 v h ( 1 ) A j a x ( 1 ) C S S ( 1 ) C S S f l e x ( 1 ) C a n v a s ( 1 ) E S 6 ( 1 ) E x p r e s s ( 1 1 ) H T M L ( 1 ) J a v a S c r i p t ( 5 ) N o d e . j s ( 1 3 ) P r o m i s e ( 1 ) S a f a r i ( 1 ) V u e . j s ( 1 ) c r e a t e d ( 1 ) d e e p i n ( 1 ) f o r m i d a b l e ( 1 ) g i t l a b r u n n e r ( 1 ) l i n u x ( 1 ) m o u n t e d ( 1 ) n u x t ( 1 ) s s r ( 1 ) t o k e n ( 1 ) v u e ( 3 ) 交 换 文 件 ( 1 ) 函 数 ( 1 ) 函 数 式 编 程 ( 2 ) 前 端 ( 2 ) 前 端 知 识 体 系 ( 1 ) 原 型 ( 1 ) 学 习 ( 1 ) 学 习 计 划 ( 1 ) 实 习 ( 1 ) 实 战 ( 1 2 ) 布 局 ( 1 ) 异 步 ( 1 ) 异 步 请 求 ( 1 ) 性 能 优 化 ( 1 ) 总 结 ( 1 ) 持 续 集 成 ( 1 ) 数 组 ( 1 ) 方 法 论 ( 1 ) 服 务 端 渲 染 ( 1 ) 杂 谈 ( 1 ) 浏 览 器 ( 2 ) 渲 染 原 理 ( 1 ) 渲 染 进 程 ( 1 ) 生 命 周 期 ( 1 ) 登 录 拦 截 ( 1 ) 移 动 端 ( 1 ) 继 承 ( 1 ) 软 件 ( 1 ) 部 署 ( 1 ) 随 笔 ( 4 ) © 2 0 2 2 t f l i n   P o w e r e d b y 枫 林 晚 记 本 站 共 计 5 3 . 0 k 字 粤 I C P 备 2 0 2 1 0 7 6 2 6 1 号 1 Y o u r b r o w s e r i s o u t o f d a t e ! U p d a t e y o u r b r o w s e r t o v i e w t h i s w e b s i t e c o r r e c t l y . U p d a t e m y b r o w s e r n o w ×

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