web开发笔记

网站标签

web开发笔记、 web开发、 前端开发、 html5、 nodejs、

网站描述

ogdescription

上一篇：玉溪怡达新型建材有限公司

下一篇：石竹阅读随想

网站快照

w e b 开 发 笔 记 , d a t e : 1 5 7 8 5 6 3 7 9 5 4 6 5 , u s e r : 1 1 1 . 2 0 0 . 2 3 . 1 2 } , , , , , ] , t i m e : 2 0 1 9 1 0 2 5 2 0 : 5 3 : 5 2 , l i k e : [ ] } , ] , t i m e : 2 0 1 9 1 0 1 4 2 1 : 5 3 : 1 2 , l i k e : [ ] } , , , , ] , t i m e : 2 0 1 9 0 9 2 9 1 8 : 1 7 : 5 4 , l i k e : [ ] } , , , ] , t i m e : 2 0 1 9 0 8 1 3 1 7 : 5 8 : 3 8 , l i k e : [ ] } , ] , t i m e : 2 0 1 9 0 4 2 8 2 1 : 5 4 : 1 4 , l i k e : [ ] } , , , , ] , t i m e : 2 0 1 9 0 3 1 7 1 9 : 5 1 : 5 3 , l i k e : [ ] } ] , w a t e r L i s t : [ , , , , , , , , , ] , c o m m e n t L i s t : [ , , , ] , n a m e : i n d e x } ; w e b 开 发 笔 记 z o o b l e 灌 水 登 录 注 册 c e r t b o t ‌ ‌ 申 请 泛 域 名 证 书 5 个 月 前 今 天 登 录 服 务 器 ， 想 增 加 一 个 新 的 子 域 名 ， 又 想 到 了 很 久 之 前 一 直 想 折 腾 的 这 个 泛 域 名 证 书 ， 现 在 每 次 新 增 子 域 名 都 得 重 新 申 请 子 域 名 证 书 ， 过 于 麻 烦 ， 所 以 决 定 折 腾 一 下 。 1 . 执 行 c e r t b o t c e r t o n l y c e r t n a m e x w e n l i a n g . c n d x w e n l i a n g . c n d * . x w e n l i a n g . c n 报 错 ： C l i e n t w i t h t h e c u r r e n t l y s e l e c t . . . J a v a s c r i p t 6 4 1 1 1 c e r t b o t s s l h t t p s 证 书 限 定 行 数 的 富 文 本 末 尾 实 现 展 开 收 起 1 年 6 个 月 前 需 求 背 景 ： 希 望 做 一 个 限 定 行 数 的 富 文 本 容 器 ， 当 超 过 指 定 行 数 时 ， 要 在 末 行 的 尾 部 追 加 「 展 开 」 展 开 所 有 文 本 ， 以 及 展 开 后 追 加 「 收 起 」 来 恢 复 折 叠 状 态 ， 以 下 展 示 几 个 用 例 ： 当 不 超 过 指 定 行 数 时 不 做 处 理 ： 结 合 以 往 经 验 ， 类 似 的 需 求 一 般 是 在 服 务 端 来 做 处 理 ， 通 过 字 数 截 断 文 本 ， 将 缩 略 文 本 和 全 部 文 本 放 在 两 个 字 段 里 ， 前 端 分 别 渲 染 就 可 以 了 ， 但 是 这 个 需 求 是 要 求 限 定 行 数 ， 而 服 务 端 无 法 方 便 的 得 知 用 户 本 地 的 渲 染 效 果 ， 所 以 无 法 . . . J a v a s c r i p t 6 0 6 4 0 2 c s s j s 升 级 用 了 快 十 年 的 阿 里 云 E C S 1 年 8 个 月 前 因 为 一 直 装 不 上 n o d e @ 1 4 , 又 急 于 使 用 o p t i o n a l c h a i n i n g , 终 于 在 去 年 年 底 忍 无 可 忍 做 了 系 统 升 级 ， 整 个 过 程 都 记 录 了 下 来 ， 主 要 包 括 以 下 内 容 ： 开 机 启 动 项 配 置 变 更 m o n g o d b 跨 大 版 本 升 级 及 数 据 恢 复 c e r t b o t 变 更 g i t l a b 遇 到 g e m 包 升 级 问 题 m y s q l 安 装 老 版 本 及 数 据 恢 复 p h p 安 装 老 版 本 ( 为 了 兼 容 老 代 码 ) p . . . N o d e j s 2 0 2 0 2 0 u p g r a d e e c s l i n u x m o n g o d b m y s q l p h p p h p m y a d m i n 淘 宝 / 阿 里 巴 巴 / 拼 多 多 / 京 东 购 物 体 验 2 年 前 最 近 想 给 我 的 鱼 缸 搞 个 直 播 ， 但 是 发 现 少 个 手 机 支 架 ， 所 以 打 开 京 东 搜 了 个 差 不 多 的 就 下 单 了 。 到 货 后 突 发 奇 想 ， 这 东 西 阿 里 巴 巴 上 是 不 是 更 便 宜 些 ， 于 是 打 开 A P P 搜 了 下 相 似 的 产 品 ， 价 格 竟 然 不 到 京 东 的 十 分 之 一 . . . 震 惊 之 余 再 打 开 拼 多 多 看 了 下 ， 价 格 也 差 不 多 只 有 京 东 的 五 分 之 一 . . . 然 后 再 打 开 淘 宝 看 看 ， 找 到 一 家 跟 我 在 京 东 买 的 店 铺 同 名 的 店 ， 价 格 也 是 一 样 的 ， 并 且 没 有 发 现 与 之 更 便 宜 的 了 . . . 最 后 我 回 到 京 东 A P P , . . . 心 路 历 程 3 7 4 2 5 3 购 物 通 用 在 线 加 密 视 频 解 密 方 案 2 年 9 个 月 前 最 近 有 小 伙 伴 花 了 大 几 千 买 了 某 视 频 网 课 的 课 程 ， 快 到 期 了 还 没 看 过 ， 问 我 能 不 能 下 载 到 本 地 先 去 g i t h u b 逛 了 一 圈 ， 发 现 有 个 叫 做 C o c o C u t 的 浏 览 器 插 件 ， 可 以 下 载 视 频 ， 对 于 加 密 视 频 ， 只 要 能 播 放 就 能 下 载 试 用 后 发 现 存 在 几 个 问 题 ： 无 法 自 动 化 ， 对 于 加 密 视 频 需 要 每 次 打 开 网 页 后 点 击 插 件 弹 出 面 板 上 一 个 叫 做 「 f o r c e d o w n l o a d 」 的 按 钮 ， 跳 转 到 其 官 网 后 打 开 「 R e c o r d i n g m . . . J a v a s c r i p t 4 8 9 0 3 9 h l s m 3 u 8 v i d e o 让 页 面 的 滚 动 更 流 畅 2 年 1 1 个 月 前 我 们 知 道 移 动 端 页 面 的 滚 动 响 应 对 于 用 户 体 验 来 说 至 关 重 要 ， 但 是 触 发 页 面 滚 动 的 t o u c h 事 件 监 听 器 往 往 会 导 致 严 重 的 滚 动 性 能 问 题 。 C h r o m e 已 经 通 过 允 许 将 t o u c h 事 件 监 听 器 设 置 为 p a s s i v e ( 给 a d d E v e n t L i s t e n e r ( ) 传 递 参 数 ) 并 传 递 p o i n t e r e v e n t s A P I 来 解 决 了 这 个 问 题 。 这 些 新 特 性 对 于 推 动 不 阻 塞 页 面 滚 动 的 新 模 式 具 有 重 . . . J a v a s c r i p t 2 1 4 0 0 2 0 5 p a s s i v e e v e n t l i s t e n e r s 翻 译 各 种 改 版 3 年 前 最 近 亲 眼 目 睹 了 自 己 常 上 的 两 个 网 站 大 改 版 ， 分 别 是 ： h t t p s : / / d e v e l o p e r . m o z i l l a . o r g / h t t p s : / / d e v e l o p e r s . g o o g l e . c o m / w e b 第 一 个 是 常 用 的 文 档 参 考 工 具 ， 真 的 有 点 不 太 适 应 新 的 风 格 ， 很 多 网 友 和 我 持 有 一 样 的 看 法 ： M D N ’ s n e w U I i s u g l y 第 二 个 是 查 询 资 料 的 时 候 经 常 用 到 ， 找 到 了 很 多 A P I 的 设 计 理 念 和 来 源 ， 很 受 启 发 ， 正 打 算 将 整 个 系 列 翻 . . . 心 路 历 程 3 1 1 3 1 0 改 版 监 听 C S S p o s i t i o n : s t i c k y 的 事 件 3 年 2 个 月 前 在 新 的 a p p 开 发 中 或 许 我 们 可 以 不 再 需 要 s c r o l l 事 件 了 。 接 下 来 我 将 演 示 当 p o s i t i o n : s t i c k y 的 元 素 改 变 状 态 时 如 何 使 用 I n t e r s e c t i o n O b s e r v e r 来 触 发 事 件 ， 但 是 不 使 用 滚 动 监 听 事 件 。 下 面 是 例 子 : 例 子 | 源 码 s t i c k y c h a n g e 事 件 的 介 绍 这 是 一 个 C S S p o s i t i o n : s t i c k y 缺 失 的 事 件 ， 目 前 并 不 存 在 目 前 浏 览 器 并 . . . J a v a s c r i p t 4 5 4 2 3 0 s t i c k y 翻 译 1 核 2 G 服 务 器 安 装 g i t l a b c e 3 年 9 个 月 前 3 年 前 花 了 3 6 0 元 买 的 1 核 2 G 企 鹅 云 要 到 期 了 ， 上 面 跑 着 我 的 g i t l a b , 看 了 下 续 费 一 年 的 价 格 达 到 了 惊 人 的 1 1 3 5 . 4 4 元 ， 为 了 防 止 被 割 韭 菜 ， 打 算 把 该 服 务 直 接 迁 到 目 前 用 了 7 年 多 的 当 前 博 客 部 署 的 某 动 物 园 云 ， 配 置 同 样 也 是 1 核 2 G 内 存 。 看 官 方 安 装 介 绍 ， 1 核 4 G 已 经 是 能 运 行 的 最 低 配 置 ， 那 我 原 来 的 机 器 是 怎 么 运 行 的 呢 ？ 查 看 原 来 安 装 版 本 发 现 是 g i t l a b c e _ 9 . . . . J a v a s c r i p t 2 8 4 8 0 0 g i t l a b a d b 不 能 连 接 3 年 1 1 个 月 前 执 行 a d b d e v i c e s 之 后 输 出 ： * d a e m o n n o t r u n n i n g ; s t a r t i n g n o w a t t c p : 5 0 3 7 * d a e m o n s t a r t e d s u c c e s s f u l l y L i s t o f d e v i c e s a t t a c h e d 再 次 执 行 a d b d e v i c e s 之 后 ， 还 是 输 出 ： * d a e m o n n o t r u n n i n g ; s t a r t i n g n o w a t t c p : 5 0 . . . J a v a s c r i p t 1 9 7 7 0 0 a d b a n d r o i d 跨 域 c o o k i e 二 三 事 4 年 前 w e b 开 发 发 展 到 现 在 ， 前 端 和 后 端 几 乎 已 经 完 全 分 离 了 ， 不 仅 部 署 的 环 境 分 离 ， 很 多 时 候 域 名 也 是 分 离 的 。 今 天 主 要 讨 论 一 个 不 同 域 名 下 前 后 端 交 互 所 带 来 的 问 题 。 我 们 先 来 看 看 c o o k i e 的 写 入 规 则 ： 当 浏 览 器 接 收 到 请 求 返 回 时 ， 会 尝 试 解 析 r e s p o n s e h e a d e r 中 的 S e t C o o k i e 字 段 ， 它 的 构 成 一 般 是 这 样 的 ： S e t C o o k i e : a = 1 ; d o m a i n = x w e n l i a n g . . . J a v a s c r i p t 3 8 1 5 2 0 s a m e s i t e t h i r d p a r t y c o o k i e c o r s M o n g o D B 自 带 的 _ i d 会 不 会 重 复 4 年 4 个 月 前 前 些 天 吃 晚 饭 的 时 候 跟 曹 老 师 聊 起 来 数 据 库 的 东 西 ， 顺 带 吐 槽 了 下 他 们 M o n g o D B 用 的 很 山 寨 ， 表 里 的 每 条 数 据 还 得 单 独 存 个 时 间 戳 字 段 ， 因 为 我 们 知 道 M o n g o D B 自 带 的 _ i d 中 是 可 以 解 析 出 秒 级 时 间 戳 的 。 曹 老 师 当 场 不 同 意 我 的 看 法 ， 认 为 他 们 这 么 做 是 有 一 定 道 理 的 ， 因 为 默 认 的 _ i d 是 没 法 用 的 会 重 复 ， 所 以 他 们 使 用 雪 花 算 法 自 定 义 了 _ i d , 所 以 才 又 单 独 存 了 个 时 间 戳 字 段 。 且 不 说 自 定 义 _ i d 的 时 候 . . . N o d e j s 3 5 8 7 2 7 m o n g o d b _ i d E S M ( E S 6 M o d u l e ) 的 前 世 今 生 4 年 5 个 月 前 翻 看 很 多 第 三 方 库 的 代 码 ， 会 发 现 有 一 些 库 的 p a c k a g e . j s o n 中 有 个 m o d u l e 字 段 ： { n a m e : v u e , v e r s i o n : 2 . 5 . 1 7 , m a i n : d i s t / v u e . r u n t i m e . c o m m o n . j s , . . . J a v a s c r i p t 4 8 8 6 2 0 n p m p a c k a g e e s m m o d u l e 微 信 小 程 序 与 微 信 小 游 戏 5 年 1 个 月 前 最 近 在 折 腾 使 用 c o c o s c r e a t o r 开 发 运 营 类 小 游 戏 ， 这 确 实 是 一 款 很 棒 的 游 戏 开 发 软 件 ， 集 成 了 整 套 的 开 发 调 试 工 具 与 跨 平 台 编 译 支 持 ， 目 前 支 持 编 译 到 绝 大 多 数 平 台 ， 甚 至 最 近 几 年 比 较 火 的 各 种 小 游 戏 平 台 ， 一 些 经 典 游 戏 如 《 保 卫 萝 卜 》 、 《 开 心 消 消 乐 》 等 都 是 用 此 工 具 开 发 ( 微 信 官 方 欢 乐 斗 地 主 小 游 戏 是 用 c o c o s 2 d j s 开 发 ) ， 还 是 比 较 靠 谱 的 。 由 于 我 们 的 需 求 场 景 主 要 在 微 信 平 台 ， 所 以 重 点 使 用 了 其 编 译 至 . . . J a v a s c r i p t 3 1 5 5 0 0 微 信 小 程 序 小 游 戏 微 信 封 禁 链 接 小 结 5 年 5 个 月 前 大 概 在 今 年 6 · 1 8 的 前 几 天 ， 我 们 发 现 分 享 至 好 友 和 朋 友 圈 的 营 销 活 动 链 接 被 频 繁 封 禁 ： 经 过 大 量 被 封 禁 链 接 的 规 律 分 析 发 现 ， 目 前 微 信 封 禁 的 是 初 次 访 问 的 u r l 中 的 p a t h 部 分 ， 改 变 p a t h 即 可 临 时 解 封 。 （ 如 果 页 面 有 二 次 跳 转 ， 那 么 微 信 封 禁 的 会 是 跳 转 前 的 u r l 地 址 ） 但 改 变 p a t h 成 本 很 高 ， 需 要 服 务 端 有 对 应 的 内 容 与 之 响 应 ， 通 常 的 手 段 要 么 是 n g i n x 配 置 虚 拟 路 径 ， 要 么 是 前 . . . J a v a s c r i p t 8 5 2 0 8 0 微 信 封 禁 链 接 N o d e j s 中 的 流 式 下 载 解 压 与 流 式 压 缩 上 传 5 年 6 个 月 前 我 们 的 构 建 工 具 中 有 下 载 和 上 传 的 功 能 ， 分 别 是 在 创 建 项 目 和 发 布 代 码 到 测 试 环 境 的 时 候 ； 最 开 始 为 了 偷 懒 都 是 先 下 载 / 打 包 成 临 时 压 缩 包 ， 然 后 解 压 / 上 传 这 个 临 时 压 缩 包 后 来 觉 得 先 写 个 文 件 到 磁 盘 ， 再 解 压 / 上 传 这 个 文 件 有 点 傻 ， 因 为 解 压 / 上 传 完 毕 还 要 再 删 掉 它 ， 并 且 即 使 捕 获 了 程 序 异 常 退 出 、 上 传 失 败 、 网 络 不 通 等 等 异 常 还 是 会 因 为 一 些 原 因 删 不 掉 ， 比 如 突 然 断 电 、 程 序 异 常 崩 溃 等 倒 是 有 个 猥 琐 的 手 段 ， 写 到 一 . . . J a v a s c r i p t 6 5 4 6 1 0 s t r e a m u p l o a d d o w n l o a d B F C a c h e 与 S P A 单 页 面 应 用 前 进 后 退 导 致 白 屏 5 年 6 个 月 前 什 么 是 B F C a c h e b a c k f o r w a r d c a c h e , 为 浏 览 器 前 进 / 后 退 时 准 备 的 缓 存 官 方 解 释 提 到 了 n s I D O M W i n d o w ， 那 什 么 是 n s I D O M W i n d o w 呢 ？ 它 是 G e c k o 内 核 标 准 下 的 一 个 i n t e r f a c e , 它 主 要 描 述 了 一 个 承 载 了 D o c u m e n t O b j e c t M o d e l ( D O M ) 的 容 器 ， 也 就 是 我 们 常 用 的 w i n d o w 根 对 象 。 与 之 很 像 的 还 有 一 个 叫 做 n s . . . J a v a s c r i p t 5 5 9 2 4 0 B F C a c h e S P A 白 屏 b u f f e r 上 传 中 遇 到 的 问 题 5 年 8 个 月 前 最 近 在 做 的 这 个 构 建 工 具 中 ， 有 个 打 包 上 传 的 功 能 ， 共 分 为 两 步 ： 使 用 a r c h i v e r 将 文 件 打 包 成 z i p 格 式 文 件 包 将 z i p 包 上 传 至 指 定 地 址 第 一 步 最 开 始 的 时 候 做 成 了 先 本 地 生 成 一 个 临 时 文 件 ， 然 后 使 用 r e q u e s t 模 块 上 传 : / / 简 单 代 码 ， 未 做 任 何 异 常 捕 获 和 处 理 c o n s t a r c h i v e r = r e q u i r e ( a r c h i v e r ) ; c o n s t r e q . . . N o d e j s 4 9 0 0 3 0 b u f f e r s t r e a m u p l o a d p a c k a g e l o c k 和 n p m s h r i n k w r a p 5 年 1 1 个 月 前 最 近 半 年 都 在 做 一 个 团 队 内 部 的 构 建 工 具 ( 以 下 简 称 C L I ) ， 目 的 是 统 一 管 理 构 建 环 境 的 版 本 ， 构 建 环 境 出 了 问 题 或 者 需 要 升 级 的 时 候 统 一 解 决 。 既 然 是 想 统 一 版 本 ， 那 肯 定 希 望 每 个 人 安 装 到 本 地 的 C L I 所 依 赖 的 n o d e _ m o d u l e s 版 本 都 是 一 致 的 ， 我 们 用 的 n o d e 版 本 是 v 8 . 1 2 . 0 ( n p m @ 6 . 4 . 1 ) ， 正 好 会 自 动 生 成 p a c k a g e l o c k . j s o n ( 从 n p m @ & # . . . J a v a s c r i p t 3 8 6 1 1 0 p a c k a g e l o c k n p m s h r i n k w r a p n o d e j s 开 发 无 感 知 的 w e b p 升 级 方 案 6 年 1 个 月 前 w e b p 最 早 由 G o o g l e 收 购 的 O n 2 T e c h n o l o g i e s 于 2 0 1 0 年 9 月 底 提 出 ， 2 0 1 4 年 初 发 布 的 C h r o m e @ 3 2 和 稍 早 发 布 的 A n d r o i d B r o w s e r @ 4 . 2 完 全 支 持 了 w e b p 的 所 有 特 性 ， 包 括 有 损 压 缩 、 无 损 压 缩 、 动 态 图 等 ， 然 而 直 到 现 在 A p p l e 生 态 还 是 . . . J a v a s c r i p t 4 5 4 8 4 0 w e b p 加 载 更 多 最 新 评 论 通 用 在 线 加 密 视 频 解 密 方 案 1 8 3 . 2 2 9 . 5 9 . * 1 个 月 前 有 v 1 2 解 密 算 法 吗 c e r t b o t ‌ ‌ 申 请 泛 域 名 证 书 邢 文 亮 2 个 月 前 坑 ： 泛 域 名 证 书 更 新 需 要 d n s c h a l l e n g e 验 证 ， 比 较 麻 烦 C l i e n t w i t h t h e c u r r e n t l y s e l e c t e d a u t h e n t i c a t o r d o e s n o t s u p p o r t a n y c o m b i n a t i o n o f c h a l l e n g e s t h a t w i l l s a t i s f y t h e C A . Y o u m a y n e e d t o u s e a n a u t h e n t i c a t o r p l u g i n t h a t c a n d o c h a l l e n g e s o v e r D N S . 升 级 用 了 快 十 年 的 阿 里 云 E C S 1 1 3 . 1 0 1 . 1 1 9 . * 5 个 月 前 1 0 年 前 创 建 的 实 例 ， 真 的 牛 比 。 对 p e e r D e p e n d e n c i e s 的 理 解 5 8 . 2 4 1 . 1 8 . * 6 个 月 前 6 6 6 灌 水 发 表 查 看 所 有 还 可 输 入 1 4 0 个 字 1 0 6 . 3 8 . 1 1 5 . * 1 年 前 牛 啊 邢 文 亮 2 年 4 个 月 前 头 像 更 新 ~ 邢 文 亮 2 年 4 个 月 前 重 新 放 开 游 客 评 论 . . . 因 为 基 于 g i t h u b i s s u e 的 评 论 上 线 那 么 久 也 没 有 任 何 人 来 用 . . . 1 0 6 . 3 8 . 1 1 5 . * 2 年 6 个 月 前 给 亮 哥 浇 浇 水 小 郑 小 郑 2 年 6 个 月 前 t e s t 1 0 6 . 3 8 . 1 1 5 . * 2 年 6 个 月 前 围 观 一 波 大 佬 . . . . . . h h h h h h h h 2 2 3 . 1 0 4 . 1 8 8 . * 2 年 7 个 月 前 哈 哈 哈 哈 ， 打 卡 下 1 0 6 . 3 8 . 1 1 5 . * 2 年 8 个 月 前 围 观 一 波 亮 哥 邢 文 亮 2 年 1 1 个 月 前 现 在 博 客 已 经 全 部 同 步 到 了 g i t h u b p a g e s , 以 后 也 会 同 步 ， 可 以 订 阅 它 的 R S S : h t t p s : / / x w e n l i a n g . g i t h u b . i o / f e e d . x m l 邢 文 亮 3 年 前 最 近 正 好 在 改 版 . . . 楼 下 的 需 求 记 下 了 京 公 网 安 备 1 1 0 1 1 2 0 2 0 0 3 2 0 2 号 鲁 I C P 备 1 3 0 2 7 5 4 8 号 1

关于www.xwenliang.cn说明：

www.xwenliang.cn由网友主动性提交被彩虹网址导航整理收录的，彩虹网址导航仅提供www.xwenliang.cn的基础信息并免费向大众网友展示，www.xwenliang.cn的是IP地址：- 地址：-，www.xwenliang.cn的百度权重为0、百度手机权重为0、百度收录为0条、360收录为0条、搜狗收录为0条、谷歌收录为0条、百度来访流量大约在-之间、百度手机端来访流量大约在-之间、www.xwenliang.cn的备案号是-、备案人叫-、被百度收录的关键词有0个、手机端关键词有0个、该站点迄今为止已经创建未知。

内容声明：

1、本站收录的内容来源于大数据收集，版权归原网站所有！
2、本站收录的内容若侵害到您的利益，请联系我们进行删除处理！
3、本站不接受违规信息，如您发现违规内容，请联系我们进行清除处理！
4、本文地址：https://www.caihongdh.com/bianchengdh/42e966e9d2db02c25f3b.html，复制请保留版权链接！

---