知识点一：DOCTYPE和浏览器渲染模式 文档类型，一个文档类型标记是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。Doctype还会对浏览器的渲染模式产生影响，不同的渲染模式会影响到浏览器对于 CSS 代码甚至 Ja ...
分类：
其他好文 时间：
2020-01-18 23:58:26
阅读次数：
135
题目概览 对影子(Shadow)DOM的了解 怎样修改自动填充表单的黄色背景？ 对arguments的理解 题目解答 对影子(Shadow)DOM的了解 概念：是浏览器的一种能力，它允许在浏览器渲染文档（document）的时候向其中的 Dom 结构中插入一棵 DOM 元素子树，但是特殊的是，这棵子 ...
分类：
其他好文 时间：
2020-01-05 00:44:31
阅读次数：
131
一、Vue-cli安装 vue-cli是vue官方提供的脚手架工具，默认搭建好了一个项目的基本架子，我们在其基础上进行相应修改即可。 全局安装： 查看是否安装成功： 二、环境搭建 1、创建项目 2、手动选择配置选项 我们这里选择手动方式。 3、选择需要的依赖 我们这里选择：Babel、CSS预处理两 ...
分类：
其他好文 时间：
2020-01-04 23:54:14
阅读次数：
120
前言：该篇说明：请见 说明 —— 浏览器工作原理与实践 目录 在上篇文章中，我们介绍了渲染流水线中的 DOM 生产、样式计算和布局三个阶段，那今天我们接着讲解渲染流水线后面的阶段。 这里还是先简单回顾下上节前三个阶段的主要内容：在 HTML 页面内容被提交给渲染引擎之后，渲染引擎首先将 HTML 解 ...
分类：
编程语言 时间：
2019-12-30 20:59:07
阅读次数：
99
思宜企鹅：33257946没想到之前犯了这种低级错误 在学习html语言的之后就说过 标签可以嵌套 但是 有些标记是不能嵌套的 书写HTML结构的时候，对于标签的嵌套问题，在我发现这个问题之前，都不在自己的考虑之中，还傻傻的以为标签之间是可以进行百搭的！ 比如 a标签再嵌套a标记就会不生效 （1）a ...
分类：
其他好文 时间：
2019-12-30 09:17:47
阅读次数：
101
前言：该篇说明：请见 说明 —— 浏览器工作原理与实践 目录 在上一篇文章中我们介绍了导航相关的流程，那导航被提交后又会怎么样呢？就进入了渲染阶段。这个阶段很重要，了解其相关流程能让你 “看透” 页面是如何工作的，有了这些知识，你可以解决一系列相关的问题，比如能熟练使用开发者工具，因为能够理解开发者 ...
分类：
编程语言 时间：
2019-12-28 17:43:40
阅读次数：
68
浏览器渲染流程如下图所示： 渲染的流程如下： 1. 解析HTML文件，创建 DOM 树 （自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。） 2. 解析CSS文件，构建 CSSOM Tree(CSS规则树) 优先级：浏览器默认设置<用 ...
分类：
其他好文 时间：
2019-12-27 00:20:14
阅读次数：
80
内网IP（局域网） 在一个区域内，大家连接的是同一个网络（准确来说：连接同一个WIFI不一定是同一个网络，连接不同的WIFI也可能是相同的网络，一切都看路由交换机的配置），这就是局域网 在同一个局域网下，成员可以互相访问（你的电脑连接了A网络，手机也连接了A网络，那么手机可以访问电脑上的一些信息了 ...
分类：
Web程序 时间：
2019-12-25 20:32:32
阅读次数：
109
在说浏览器渲染页面之前，我们需要先了解两个点，一个叫 浏览器解析 URL，另一个就是本章节将涉及的 重绘与回流： 重绘(repaint)：当元素样式的改变不影响布局时，浏览器将使用重绘对元素进行更新，此时由于只需要 UI 层面的重新像素绘制，因此损耗较少。 常见的重绘操作有： 改变元素颜色 改变元素 ...
分类：
Web程序 时间：
2019-12-21 18:47:35
阅读次数：
123
（1）浏览器解析 URL 为了能让我们的知识层面看起来更有深度，我们应该考虑下面两个问题了： 从浏览器输入 URL 到渲染成功的过程中，究竟发生了什么？ 浏览器渲染过程中，发生了什么，是不是也有重绘与回流？ OK，兴致来了，我们就先从 浏览器解析 URL 看起，先来看看当用户输入 URL，到浏览器呈 ...
分类：
Web程序 时间：
2019-12-21 18:32:43
阅读次数：
145
