html
6篇文章 · 0订阅
  • 讲述浏览器从URL到页面展示的 “详尽” 过程
    浏览器问题是前端基础面试的重要组成部分之一。 大多数人可能和我一样只能零散地回答一些知识点，并不能将这些知识点串联成线，本篇文章就是带大家好好抠抠细节。
    浏览器
  • contenteditable跟user-modify还能这么玩🌚
    假如... 把该属性加在style元素上呢😍，是不是就可以在页面上直接编写样式并且自带"热更新"？因此有如下代码：
    CSS
  • 这些Web API真的有用吗? 别问，问就是有用🈶
    本文列举了一些列比较不常见的Web API，内容较多，所以有关兼容性的内容在本文不会出现，大家可以自己去查阅。 以下案例能配动图的我尽量去配了，以免内容枯草乏味，但是如果内容有误，也请大家亲喷或者纠正👌 1. querySelector 2. querySelectorAll…
    JavaScript
    这些Web API真的有用吗? 别问，问就是有用🈶
  • 图解 script 标签中的 async 和 defer 属性
    浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…
    JavaScript
  • css加载会造成阻塞吗？
    之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。 假设结果: 在bootstrap.css还没加载完之前，下面的内容不会被解析渲染，那么我…
    CSS JavaScript 前端
  • CSS 和 JS 阻塞二三事
    上面的过程是由 GUI 渲染线程完成的。 浏览器内有多个进程，其中渲染进程被称为浏览器内核，负责页面渲染和执行 JS 脚本等。渲染进程负责浏览器的解析和渲染，内部有 JS 引擎线程、 GUI 渲染线程、事件循环管理线程、定时器线程、HTTP 线程。 JS 引擎线程负责执行 JS…
    JavaScript
    CSS 和 JS 阻塞二三事