宏任务和微任务：不是所有的任务都是一个待遇
在前面几篇文章中，我们介绍了消息队列，并结合消息队列介绍了两种典型的 WebAPI——setTimeout和XMLHttpRequest，通过这两个 WebAPI 我们搞清楚了浏览器的消息循环系统是怎么工作的。不过随着浏览器的应用领域越来越广泛，消息队列中这种粗时间颗粒度的任务已经不能胜任部分领域的需求，所以又出…
Read articleThe archive
The Journal
Notes on frontend development, engineering, and everyday ideas. Find a subject and start reading.
解决 Chrome浏览器翻译功能无法使用
近日(2022.09.25)起，Chrome浏览器翻译功能逐渐在中国大陆无法使用。是由于谷歌撤销了谷歌中国翻译服务，将 业务转移到了 海外。 导致大陆用户无法访问谷歌翻译。 Chrome浏览器的翻译功能是浏览器核心调用的API，不支持读取浏览器设置的代理服务器。 所以浏览器插件设置的浏览器代理无法解决翻译问题。 …
Read article跨站脚本攻击XSS：为什么cookie中有httpOnly属性
通过上篇文章的介绍，我们知道了同源策略可以隔离各个站点之间的 DOM 交互、页面数据和网络通信，虽然严格的同源策略会带来更多的安全，但是也束缚了 Web。这就需要在安全和自由之间找到一个平衡点，所以我们默认页面中可以引用任意第三方资源，然后又引入 CSP 策略来加以限制；默认 XMLHttpRequest 和 F…
Read article来了解一下 git fetch 与 git pull的区别
Git pull 和 fetch 是 Git 用户经常使用的两个命令，他们都可以将远端仓库更新至本地。我们看看这两个命令之间的区别。 背景 当我们正在克隆仓库，也就是说你拷贝一份他人的源代码。当源文件有更新的时候，要使你的克隆副本保持最新状态，就需要将这些更新引入到克隆副本，这时候就需要用到 fetch 和 pu…
Read article浏览器原理面试题汇总
「2021」高频前端面试题汇总之浏览器原理篇 一、浏览器安全 1. 什么是 XSS 攻击？:star::star: （1）概念 XSS 攻击指的是跨站脚本攻击， 是一种代码注入攻击。攻击者通过在网站注入恶意脚本，使之在用户的浏览器上运行，从而盗取用户的信息等 如 cookie （通过httpOnly避免）等。 X…
Read article路由管理
todo!!!!
Read article逻辑组合伪类 :not() :is :where :has
本文将介绍4个逻辑组合伪类，分别是:not() :is :where :has ，这四个伪类的自身优先级为0，这与其他伪类相同，但处理时是将其和括号里的参数作为一个整体计算优先级，这就导致了实际表现出的优先级由参数决定（除了:where() 的优先级总是为 0）。 目前这四位目前都得到了大多数浏览器的广泛支持，同…
Read article牛客设计模式问题总结
1. 创建型模式 在软件工程中，创建型模式是处理对象创建的设计模式，试图根据实际情况使用合适的方式创建对象。基本的对象创建方式可能会导致设计上的问题，或增加设计的复杂度。创建型模式通过以某种方式控制对象的创建来解决问题。 2. 模式分类 结构型模式： （1）代理（Proxy）模式：为某对象提供一种代理以控制对该对…
Read article前端 SSO 单点登入方案
参考 前端关于单点登录的知识 - 掘金 前端常见登录实现方案 + 单点登录方案 - 掘金 前端关于单点登录SSO的知识 - 掘金 localstorage的跨域存储方案 - 简书 localStorage跨域存储，实战篇 - 掘金
Read article前端模块分类
现代 Javascript 项目需要用打包工具来将小段代码编译成库或者应用程序那种更大更复杂的东西。流行的打包器有webpack、Rollup、Parcel、RequireJS 和 Browserify。它们将 JavaScript 代码转换为可以作为一个 bundle 加载的模块。 一般来说，常见的模块类型有：…
Read article前端性能优化篇
参照 「2021」高频前端面试题汇总之前端性能优化篇 一、CDN 1. CDN的概念 :star::star: CDN（Content Delivery Network，内容分发网络）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用…
Read article前端抓包
参照收集： - - 使用场景 主要涉及 Hybrid 开发，涉及到 h5 页面与原生 app 的交互，h5 页面需要与原生打通登录态，以及调用原生app 的接口 抓包原理 能够做什么 分析网络问题 业务分析 分析网络信息流通量 网络大数据金融风险控制 探测企图入侵网络的攻击 探测由内部和外部的用户滥用网络资源 探…
Read articleNo matching articles
Try another keyword or reset your filters.