浏览器
11篇文章 · 0订阅
  • 浏览器原生的零延迟打开优化——往返缓存
    往返缓存（简称bfcache）是一种浏览器自带的优化技术，用于在用户点击后退和前进按钮时实现无延迟打开。它显著改善了用户的浏览体验——尤其是那些网络或设备较慢的用户。
    JavaScript HTML
    浏览器原生的零延迟打开优化——往返缓存
  • 关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
    前言   最近系统梳理HTML5所有涉及到的标签时，梳理至<link>和<script>标签时，碰巧想到一个困扰很久的问题，即一般把<script>放在<body>尾部，<link>标签放在<head
    HTML JavaScript
    关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
  • 浅谈前端安全以及如何防范
    随着互联网的发达，各种WEB应用也变得越来越复杂，满足了用户的各种需求，但是随之而来的就是各种网络安全的问题。作为前端开发行业的我们也逃不开这个问题。所以今天我就简单聊一聊WEB前端安全以及如何防范。 XSS是一种经常出现在web应用中的计算机安全漏洞，它允许恶意web用户将代…
    前端 黑客 XSS
  • Token 认证的来龙去脉
    不久前，我在在前后端分离实践中提到了基于 Token 的认证，现在我们稍稍深入一些。 通常情况下，我们在讨论某个技术的时候，都是从问题开始。那么第一个问题： Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token …
  • 记Chrome的性能分析工具实践
    事情的起因是我们WMS系统内有一个批量打印的功能，今天仓库反应第一次打印的速度大概是2s，但是之后每次都越来越慢，到后面页面基本就直接卡死了。 从这个表现来看，这个问题基本可以定位成性能问题，而不是可以被try...catch到的异常。 一行行review这部分相关的代码，co…
    Chrome 前端 JavaScript
  • 从浏览器多进程到JS单线程，JS运行机制最全面的一次梳理
    见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 ----------超长文+多图预警，需要花费不少时间。---------- 如果看完本文后，还对进程线程傻傻分不清，不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我，一定是我…
    前端
  • 狙杀页面卡顿 —— Performance 指北
    今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performance」，毕竟名字要「长～～～～～～～～～」更能吸引注意。 也许你曾不经意启动过这个工具，看见里面五颜六色的图…
    Chrome JavaScript 前端
    狙杀页面卡顿 —— Performance 指北
  • 【译】你不知道的Chrome调试工具技巧 第一天：console中的 '$'
    本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 1. $0 在 Chrome 的 Elements 面板中，$0 是当前我们选中的 html 节点的引用。 理所当然，$1…
    前端 掘金翻译计划 浏览器
    【译】你不知道的Chrome调试工具技巧 第一天：console中的 '$'
  • [译] 现代浏览器内部揭秘（第二部分）
    这是关于 Chrome 内部工作的 4 篇博客系列的第 2 篇。在上一篇文章中，我们研究了不同的进程和线程如何处理浏览器的不同部分。在这篇文章中，我们会更深入研究每个进程和线程如何进行通信以展示网站。 让我们看一个网络浏览的简单用例：你在浏览器中键入 URL，然后浏览器从互联网…
    JavaScript 前端 掘金翻译计划