只处理前端： 这样行数会自动调整，文本不会溢出表格。 bug：字符串中的\r\n会变为空格，虽然在控制台可以看到换行符确实存在，但浏览器渲染时会变成空格。 暂时没有处理这个问题，先留坑。 我是Ruriko，我爱这个世界：） ...
分类：
Web程序 时间：
2019-09-23 15:24:03
阅读次数：
88
1.为什么nginx里面有的是浏览器渲染出的页面，有的时候就变成下载文件？ 这个一个取决于服务端nginx，一个取决于你浏览器。在Nginx服务端的配置文件目录下，有一个mime.types文件，内容如下 这里，如text/html格式的字符串就是用来说明数据类型的，/前的是主类型，/之后的是该主类 ...
分类：
其他好文 时间：
2019-09-07 11:10:20
阅读次数：
90
1.Web服务本质 浏览器发请求 HTTP协议 服务端接收请求 服务端返回响应 服务端把HTML文件内容发给浏览器 浏览器渲染页面 2.HTML初识 2.1HTML是什么？ 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 本质上是浏览器 ...
分类：
Web程序 时间：
2019-09-07 00:45:30
阅读次数：
107
Houdini是一组低级API，使开发人员能够扩展CSS，提供了浏览浏览器渲染引擎的样式和布局过程的能力。Houdini使开发人员可以访问CSS对象模型（CSSOM），使开发人员能够编写浏览器可以解析为CSS的代码。Houdini的好处是开发人员可以创建CSS功能，而无需等待Web标准规范来定义它们... ...
分类：
Web程序 时间：
2019-08-25 10:18:37
阅读次数：
419
1. 浏览器渲染机制 浏览器采用流式布局模型（Flow Based Layout） 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了渲染树（Render Tree）。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后 ...
分类：
其他好文 时间：
2019-08-19 19:36:07
阅读次数：
117
一、主要模块 1.HTML解析器 解析HTML文本的解析器,主要作用是将HTML代码解析成DOM树 2.CSS解析器 级联样式表的解析器,主要作用是为DOM中的各个元素对象计算出样式信息, 从而为计算最后网页的布局提供基础设施 3.Javascript引擎 解析执行javascript脚本,使用ja ...
分类：
其他好文 时间：
2019-08-09 22:05:29
阅读次数：
97
简单点来说就是创建了dom以后，还未完全渲染，就去获取dom的高度，显然是会出问题的。代码如下，可找个图片自行体会：<div id="bgImg"></div> <script> document.body.scrollHeight; var odiv = document.getElementBy ...
分类：
其他好文 时间：
2019-08-09 21:58:38
阅读次数：
91
回流与重绘 当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如background-color。则就叫称为重绘。 注意：回流必将引起重绘，而重绘不一定会引起回流！！！ 回流何时发生： 当页面布局和几何属性改变时就需要回流。下述情况会发生浏览器 ...
分类：
其他好文 时间：
2019-07-22 20:00:52
阅读次数：
124
DOMContentLoaded 事件 字面上看，它会在dom加载完成后触发。 与window.onload事件非常相似，但有一定区别： 下一个问题是什么时候dom加载完毕，这得从浏览器渲染说起，浏览器显示网页的过程可以做如下描述： 1. 请求得到html文档，根据文档请求更多的img,css及其它 ...
分类：
其他好文 时间：
2019-07-19 21:16:48
阅读次数：
123
浏览器渲染基本原理（五）：优化渲染性能 渲染卡顿是怎么回事？ 网页不仅应该被快速加载，同时还应该流畅运行，比如快速响应的交互，如丝般顺滑的动画等。 大多数设备的刷新频率是60次/秒，也就说是浏览器对每一帧画面的渲染工作要在16ms内完成，超出这个时间，页面的渲染就会出现卡顿现象，影响用户体验。 为了 ...
分类：
其他好文 时间：
2019-07-15 01:12:58
阅读次数：
99
