解析HTML，生成DOM树，解析CSS，生成CSSOM树 将DOM树和CSSOM树结合，生成渲染树(Render Tree) Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小） Painting(重绘):根据渲染树以及回流得到的几何信息，得到节点的绝对 ...
分类：
其他好文 时间：
2020-07-29 21:18:30
阅读次数：
79
1、webpack课程介绍 2、webpack基础配置 3、webpack打包出的文件解析 4、Html插件 5、样式处理(1) 6、样式处理(2) 7、转化es6语法 8、处理js语法及校验 9、全局变量引入问题 10、图片处理 11、打包文件分类 12、打包多页应用 13、配置source-ma ...
分类：
Web程序 时间：
2020-07-14 13:26:18
阅读次数：
84
一、爬虫概述 C#（99）：HttpClient网络HTTP请求和相应 1、使用浏览器获取页面源码 C#使用Selenium Web browser控件CefSharp的使用 2、HTML解析组件 HtmlAgilityPack：https://github.com/zzzprojects/html ...
一、简介AngleSharp:https://github.com/AngleSharp/AngleSharpAngleSharp是一个.NET库，使您能够解析基于尖括号的超文本，例如HTML，SVG和MathML。该库还支持未经验证的XML。 AngleSharp的一个重要方面是CSS也可以解析。 ...
首先引入各种需要模块！ url.parse(request.url)//解析路径。其中pathname的属性 就是我们需要的那个'最干净'的路径（url.parse(request.url).pathname） 可以用解构字符串的方法 let {pathname,query}=url.parse(r ...
分类：
其他好文 时间：
2020-07-08 01:07:50
阅读次数：
73
l浏览器执行js简介 浏览器分成两部分：渲染引擎和js引擎 渲染引擎：用来解析html和css，俗称内核，比如chrome浏览器的blink，老版本的webkit。 js引擎：也称为js解释器。用来读取网页中的js代码，对其处理后运行，比如 chrome浏览器的V8。 浏览器本身并不执行js代码，而 ...
分类：
Web程序 时间：
2020-07-05 10:30:44
阅读次数：
56
a.解析HTML文件，创建DOM树。自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）； b.解析CSS。优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式； c.将CSS与DOM合并，构建渲染树（Rende ...
分类：
其他好文 时间：
2020-07-04 22:39:18
阅读次数：
95
浏览器解析HTML文档生成DOM树的过程,以下是一段HTML代码，以此为例来分析解析HTML文档的原理 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="script.js"></script> < ...
分类：
Web程序 时间：
2020-07-04 01:49:45
阅读次数：
92
写在前面 无论是 React 还是 Vue，本质上都是基于 js 实现的一个库，浏览器只能解析 html、css 和 js 三种语法格式的文件，然后渲染对应的元素到浏览器页面。因此无论是 React 还是 Vue 的源码 js 库都是封装的 React 和 Vue 对象或者函数接口，可直接在 js ...
分类：
Web程序 时间：
2020-07-02 18:02:51
阅读次数：
74
静态网页 抓取实例： import requests from bs4 import BeautifulSoup def gettop250(): headers={ 'user-agent':'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKi ...
分类：
Web程序 时间：
2020-06-29 13:27:33
阅读次数：
45
