代码改变世界

随笔分类 -  前端

渲染流程(下):HTML、CSS和JavaScript是如何变成页面的

2020-02-02 11:38 by GarfieldEr007, 531 阅读, 收藏, 编辑
摘要: 在上篇文章中,我们介绍了渲染流水线中的DOM生成、样式计算和布局三个阶段,那今天我们接着讲解渲染流水线后面的阶段。 这里还是先简单回顾下上节前三个阶段的主要内容:在HTML页面内容被提交给渲染引擎之后,渲染引擎首先将HTML解析为浏览器可以理解的DOM;然后根据CSS样式表,计算出DOM树所有节点的 阅读全文

渲染流程(上):HTML、CSS和JavaScript是如何变成页面的

2020-02-02 11:37 by GarfieldEr007, 683 阅读, 收藏, 编辑
摘要: 在上一篇文章中我们介绍了导航相关的流程,那导航被提交后又会怎么样呢?就进入了渲染阶段。这个阶段很重要,了解其相关流程能让你“看透”页面是如何工作的,有了这些知识,你可以解决一系列相关的问题,比如能熟练使用开发者工具,因为能够理解开发者工具里面大部分项目的含义,能优化页面卡顿问题,使用JavaScri 阅读全文

Chrome架构:仅仅打开了1个页面,为什么有4个进程

2020-02-02 11:36 by GarfieldEr007, 897 阅读, 收藏, 编辑
摘要: 在开始之前,我们一起看下,Chrome打开一个页面需要启动多少进程?你可以点击Chrome浏览器右上角的“选项”菜单,选择“更多工具”子菜单,点击“任务管理器”,这将打开Chrome的任务管理器的窗口,如下图 和Windows任务管理器一样,Chrome任务管理器也是用来展示运行中Chrome使用的 阅读全文

FreeMarker:Java模板引擎

2018-12-11 21:52 by GarfieldEr007, 306 阅读, 收藏, 编辑
摘要: 本资源由 伯乐在线 - 黄余粮 整理 FreeMarker 是一个模板引擎,一个基于模板生成文本输出的通用工具,使用纯Java编写。FreeMarker被设计用来生成HTML Web页面,特别是基于MVC模式的应用程序。虽然FreeMarker具有一些编程的能力,但通常由Java程序准备要显示的数据 阅读全文

Freemarker实例教程

2018-12-11 21:49 by GarfieldEr007, 318 阅读, 收藏, 编辑
摘要: 一、Freemarker的介绍 Freemarker 是一款模板引擎,是一种基于模版生成静态文件的通用 工具,它是为java程序员提供的一个开发包,或者说是一个类库,它不是面向最终用户的,而是为程序员提供了一款可以嵌入他们开发产品的应用程序。 Freemarker 是使用纯java编写的,为了提高页 阅读全文

html表格中的tr td th用法

2018-11-22 18:54 by GarfieldEr007, 692 阅读, 收藏, 编辑
摘要: 表格是html中经常使用到的,简单的使用可能很多人都没问题,但是更深入的了解的人恐怕不多,下面我们先来看一下如何使用。 <table>是<tr>的上层标签<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签. <table>标示一个表格,<tr>标示这 阅读全文