codetop 中等难度刷题
剑指 Offer 48. 最长不含重复字符的子字符串 方法一：滑动窗口 方法三：双指针 + 哈希表 179. 最大数 交互比较组合 简洁版本 1143. 最长公共子序列 动态规划 151. 颠倒字符串中的单词 利用正则匹配！！！
Read articleThe archive
The Journal
Notes on frontend development, engineering, and everyday ideas. Find a subject and start reading.
commit 阶段流程
概览 副作用 commit阶段工作 这些副作用对应的DOM操作在commit阶段执行。 除此之外，一些生命周期钩子（比如componentDidXXX）、hook（比如useEffect）需要在commit阶段执行。 commit阶段的主要工作（即Renderer的工作流程）分为三部分： before mutat…
Read articleCORB 应对策略
我如何确保 CORB 保护我网站上的资源？ 为确保您网站上的敏感资源（例如包含用户特定信息的页面或 JSON 文件，或包含 CSRF 令牌的页面）不会泄漏到其他 Web 源，请采取以下步骤将它们与允许的资源区分开来由任何站点嵌入（例如，图像、JavaScript 库）。 对于 HTML、JSON 和 XML 资源…
Read articleCross-Origin Read Blocking (CORB) 跨域读阻塞
跨源读取阻止 (CORB)，这是一种算法，通过该算法可以识别可疑的跨源资源加载，并在它们到达网页之前被 Web 浏览器阻止。CORB 通过使敏感数据远离跨源网页来降低泄露敏感数据的风险。在大多数浏览器中，它将此类数据排除在不受信任的脚本执行上下文之外。在具有Site Isolation的浏览器中，它可以将此类数据…
Read articleCross-Origin Read Blocking (CORB) 网络兼容性和对其他资源的影响问题
CORB 对图像的影响 CORB 对标签应该没有明显的影响 ，除非图像资源 1) 被错误地标记为不正确的、非图像的、受 CORB 保护的 Content-Type 和 2) 与响应标头一起提供X-Content-Type-Options: nosniff。 例子： 正确标记的 HTML 文档 标签中使用的资源 ：…
Read articleCSRF攻击：陌生链接不要随便点
中我们讲到了 XSS 攻击，XSS 的攻击方式是黑客往用户的页面中注入恶意脚本，然后再通过恶意脚本将用户页面的数据上传到黑客的服务器上，最后黑客再利用这些数据进行一些恶意操作。XSS 攻击能够带来很大的破坏性，不过另外一种类型的攻击也不容忽视，它就是我们今天要聊的 CSRF 攻击。 相信你经常能听到的一句话：“别…
Read articleCSS 父元素没有被子元素撑开
这个应该是昨天问题的复现和最优解 问题复现 在给未设置长度的容器变换背景的时候，加入一个超长内容，原父级容器没有被新的子元素撑开 而是自动获取为父级元素的100% 源码 原因 块级元素被子元素撑开时，如果没设置宽度，宽度就是这个块级元素的父元素的100%，所以.list的宽度是.mian的100%。 块级元素的宽…
Read articleDOM树：JavaScript是如何影响DOM树构建的
在上一篇文章中，我们通过开发者工具中的网络面板，介绍了网络请求过程的几种性能指标以及对页面加载的影响。 而在渲染流水线中，后面的步骤都直接或者间接地依赖于 DOM 结构，所以本文我们就继续沿着网络数据流路径来介绍 DOM 树是怎么生成的。然后再基于 DOM 树的解析流程介绍两块内容：第一个是在解析过程中遇到 Ja…
Read articleenquirer 指南
安装 npm 安装: yarn 安装: 使用 问答题 使用 enquirer 的最简单方法是将问题对象传递给该prompt方法。 await（需要在 async 函数内部运行） 遇到多个问题，可以将多个问题对象以数组形式传给prpmpt方法，返回完整的答案对象。 问题对象类型 运行查询器的不同方法 1.通过导入特…
Read articleESLint
LintStaged
Read articleeslint-plugin-react 配置
安装 也可以全局而不是本地安装 ESLint（使用npm install -g eslint）。但是，不建议这样做，无论哪种情况，你使用的任何插件或可共享配置都必须安装在本地。 配置 .eslintrc 1. .eslintrc.js 或者.eslintrc.json,添加预设默认值： 如果在使用来自 React…
Read articleEsprima 指南
Esprima是一个高性能、符合标准的 ECMAScript解析器，用 ECMAScript（也通常称为 JavaScript）编写。它可以对 JavaScript 代码进行词法分析（标记化）或语法分析（解析），生成一个包含代码结构信息的语法树。Esprima 支持 ECMAScript 2016（ECMA-26…
Read articleNo matching articles
Try another keyword or reset your filters.