用Java实现写字板功能！ import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Graphics; import java.awt.event.MouseEvent ...
分类：
编程语言 时间：
2020-02-16 16:34:55
阅读次数：
86
COMP0008 Written Java Coursework (2019/20) NOTE: Your final Moodle submission will consist of a number of parts:1.Three different versions of the “Con ...
分类：
其他好文 时间：
2019-12-28 19:01:47
阅读次数：
84
回流： 对于DOM结构中的各个元素都有自己的盒子模型，这些都需要浏览器根据各种样式（浏览器的、开发人员定义的等）来计算并根据计算结果将元素放到它该出现的位置，这过程称之为reflow（回流） 重绘： 当各种盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来后，浏览器于是便吧这些元素都按照各 ...
分类：
Web程序 时间：
2019-12-28 16:05:48
阅读次数：
85
在说浏览器渲染页面之前，我们需要先了解两个点，一个叫 浏览器解析 URL，另一个就是本章节将涉及的 重绘与回流： 重绘(repaint)：当元素样式的改变不影响布局时，浏览器将使用重绘对元素进行更新，此时由于只需要 UI 层面的重新像素绘制，因此损耗较少。 常见的重绘操作有： 改变元素颜色 改变元素 ...
分类：
Web程序 时间：
2019-12-21 18:47:35
阅读次数：
123
HTML加载时发生了什么 在页面加载时，浏览器把获取到的HTML代码解析成1个DOM树，DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。 浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体 DOM Tree 和样式结构体组合后构建rende ...
分类：
其他好文 时间：
2019-12-07 10:44:21
阅读次数：
93
一、display:none和visibility:hidden的区别 1.1 空间占据 1.2 回流和渲染 1.3 株连性 二、空间占据 display:none 隐藏后的元素不占据任何空间，而 visibility:hidden 隐藏的元素空间依旧存在。 三、回流和渲染 display:none ...
分类：
其他好文 时间：
2019-12-01 00:31:47
阅读次数：
125
摘要： 一个 Web 页面的展示，简单来说可以认为经历了 JavaScript/Style/Layout/Paint/Composite 几个步骤。本文主要深入 Composite 部分，从渲染原理、Composite 原因以及如何针对其进行性能优化等进行展开。 一个 Web 页面的展示，简单来说可 ...
分类：
其他好文 时间：
2019-11-16 18:05:30
阅读次数：
77
一：几个问题 什么是DOCTYPE 及作用 浏览器渲染过程 重排refolw、重绘repaint、布局Layout 输入url经历了什么？ 二：整理 1. 什么是DOCTYPE 及作用 浏览器使用DTD(文档类型定义)来判断文档类型，决定使用何种协议来解析， 以及切换浏览器模式 DOCTYPE是用来 ...
分类：
Web程序 时间：
2019-11-07 14:53:55
阅读次数：
115
下面是一些相关概念: 1. 重流: reflow, 重绘: repaint 2. 重流必定导致重绘, 重绘不一定重流 3. 布局改变会发生重流, 元素颜色等改变只会发生重绘 下面是通过减少重流/重绘次数而优化页面性能的一些手段: 1. 减少js中的dom操作, 若必须, 则尽量将读取dom和写入do ...
分类：
其他好文 时间：
2019-10-18 18:55:53
阅读次数：
130
translate()是transform的一个值。 改变transform或opacity不会触发浏览器重新布局（reflow）或重绘（repaint），只会触发复合（compositions）(复合是什么，我也不懂，没听说过，有知道的朋友可以在留言区告诉我)。 transform使浏览器为元素创 ...
分类：
其他好文 时间：
2019-09-09 19:08:51
阅读次数：
140
