构建浏览器工作原理知识体系（浏览器内核篇）
本文为稀土掘金技术社区首发签约文章，30天内禁止转载，30天后未获授权禁止转载，侵权必究！ 书接上回～ 系列文章目录： 1. 2. 3. ✊构建浏览器工作原理知识体系（网络协议篇） 待更新 4. ✊构建浏览器工作原理知识体系（网页加载超详细全过程篇） 待更新 为什么你觉得偶尔看浏览器的工作原理，但总是忘呢😵💫，因为你没有形成一个完整的知识网络，你的记忆是碎片化的。正如人的神经网络，只有当你的记忆相互依赖，相互链接，才能形成长期稳定...
纯 CSS 实现文字换行环绕效果
⌛ 三年前。。。 🧔♂️ 一同事问我：“你说用 css 能不能直接实现这个效果，不想用 js 写，好麻烦啊” 我回答道：“应该不行吧，好像没什么好用的方法。。。” ✅ 现在，三年之约已到，我终于找到了纯 css 实现的方法 省流，实现代码 起源 前几天在翻 chrome 的博客时偶然看到了这么一个东西 Chrome 110 年初登陆， 属性是一个小而强大的 CSS 功能，它为首字母的位置设置样式。您可以将字母放置在下降或上升状态。该...
超详细的大文件分片上传⏫实战与优化⚡(前端部分)
大文件分片上传实战与优化(前端Part) 1\. 需求分析 1.1 分析 实现大文件上传, 其中包括以下功能 秒传: 文件已存在, 直接给前端返回文件 url 记录文件的 hash 与元数据到数据库中 上传文件前先计算 hash 和获取文件元数据请求接口进行比对 若比对成功则说明文件已存在, 直接返回前端文件 url 断点续传: 上传过程意外中断, 下次上传时不需要从头上传整个文件 前端将文件分片上传, 后端接收分片然后进行合并 上传分...
avaScript 中深拷贝对象的现代方式
您知道吗，JavaScript 现在有一种本地内置的方法可以进行对象的深层复制？ 没错，这个 函数内置于 JavaScript 运行时中： 您是否注意到在上面的示例中我们不仅复制了对象，还复制了嵌套数组，甚至 Date 对象？ 一切都按照预期工作： 没错， 不仅可以做到以上，还可以： 克隆无限嵌套的对象和数组 克隆循环引用 克隆各种 JavaScript 类型，例如 、 、 、 、 、 、 、 、 等等 转移任何可转移对象（Transf...
chrome插件开发
谷歌浏览器插件开发是指开发可以在谷歌浏览器中运行的扩展程序，可以为用户提供额外的功能和定制化的体验。 谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发者。 开发者可以利用这些技术在浏览器中添加新的功能、修改现有功能或者与网页进行交互。 要开发谷歌浏览器插件，开发者通常需要创建一个包含 清单文件（manifest.json）、背景脚本（background script）、内容脚本（content scri...
JS实用小方法-将时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前或按照传入格式显示
例："2023/5/10 11:32:01" 2023 02 01 09:32:01 例：\ / 年月日 年 为是否数字补零， 10秒： 10 1000 1分钟： 60 1000 1小时： 60 60 1000 24小时（一天）：60 60 24 1000 感谢掘友：
js检测网页空闲状态(一定时间内无操作)
1\. 背景 最近开发项目时，常碰到 的需求。 网上冲浪后，也没有找到一个比较好的js封装去解决这个问题，从而决定自己实现。 2\. 如何判断页面是否空闲 首先，我们要知道什么是空闲？用户一定时间内，没有对网页进行任何操作，则当前网页为空闲状态。 用户操作网页，无非就是通过 、 两个输入设备(暂不考虑手柄等设备)。因而我们可以监听相应的输入事件，来判断网页是否空闲(用户是否有操作网页)。 1. 监听鼠标移动事件 ； 2. 监听键盘/鼠标...
你了解js的沙箱环境吗
去年的面试了，最近复盘了一下，发现菜的一批，有些问题一下子就答出来了，现在答的话，那时候还在瞎鸡儿答我也不知道答的什么。。。。 在 JavaScript 中，沙箱（sandbox）是一个安全机制，用于隔离运行代码，以防止代码对其它部分的应用程序或系统造成不必要的影响或安全风险。沙箱提供了一个受控环境，在这个环境中，代码可以被执行而不影响外部环境，从而保护用户数据和系统安全。 在浏览器中，沙箱通常指的是浏览器为每个标签页提供的隔离环境。这...
常用HTTP请求编码格式之x-www-form-urlencoded、json_application编码
HTTP请求的编码方式 | Content Type 种类 | 说明 | | | | | application/x www form urlencoded | 数据类型： ，把form数据转换成一个字串 ，然后把这个字串append到url后面，用 分割，加载这个新的url。 当action为post时候，浏览器把form数据封装到http body中，然后发送到server | | application/json | 以纯文本形式...