qq
5篇文章 · 0订阅
  • 浏览器渲染魔法之合成层
    浏览器渲染的原理是前端的必修课，今天我们就来聊聊浏览器渲染中合成层的概念，本文将介绍什么是合成层，以及它的一些特性和平常开发中的注意点
    浏览器 前端
    浏览器渲染魔法之合成层
  • 从浏览器渲染原理，说一说如何实现高效的动画
    在平时的工作中，页面的动画效果是很常见的需求。那么，怎么样实现一个高效的动画呢？ 一个页面展示在用户面前，简单来说，会经历以上5个步骤。我们可以把上面这个图称为像素管道。 Javascript: 执行js逻辑，修改DOM，修改CSS等。 Style：计算样式。 Layout：在…
    浏览器 前端
  • 「浏览器工作原理」写给女友的秘籍-渲染流程篇（1.1W字）
    想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 「这篇文章准备梳理一下渲染流程，也就是浏览器是怎么把HTML，CSS，JS，图片等资源最后显示漂亮的页面。」 「这篇主要是…
    浏览器
    「浏览器工作原理」写给女友的秘籍-渲染流程篇（1.1W字）
  • 深入解析你不知道的 EventLoop 和浏览器渲染、帧动画、空闲回调（动图演示）
    resize、scroll 这些事件是何时去派发的。 这些问题并不是刻意想刁难你，如果你不知道这些，那你可能并不能在遇到一个动画需求的时候合理的选择 requestAnimationFrame，你可能在做一些需求的时候想到了 requestIdleCallback，但是你不知道…
    JavaScript 面试
  • 使用MutationObserver简单实现文本水印
    背景 为了防止信息泄露或知识产权被侵犯，在特定场景中对于页面和图片等增加水印处理是十分有必要的。 在web页面上增加水印，简单来说可以拆解为两个主要的部分： 生成水印 - 准备一张水印图片并将其添加到
    前端 JavaScript