前言 移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的第一屏,其重要性 ...
分类：
其他好文 时间：
2020-05-16 12:17:14
阅读次数：
72
业务逻辑漏洞 基础知识补充： User Agent User Agent中文名为用户代理，简称 UA，它是一个特殊字符串头，使得服务器能够识别客户使用的 "操作系统" 及版本、CPU 类型、 "浏览器" 及版本、浏览器渲染引擎、浏览器语言、 "浏览器插件" 等。 例：微信的： 常见的user age ...
分类：
其他好文 时间：
2020-05-09 01:11:41
阅读次数：
498
一.什么是HTML html（hypertext makeup language）,中文名为超文本标记语言，他是一门能被浏览器解析成网页的标签语言，当我们使用浏览器访问网页时，那边就有一个服务端给你发送数据到你的浏览器上，而那些数据就包括html，然后被浏览器渲染成我们看到的那个样子，浏览器就相当于 ...
分类：
Web程序 时间：
2020-05-07 19:46:13
阅读次数：
119
浏览器渲染机制 浏览器缓存 同源策略和跨域 SEO优化 安全 ...
分类：
其他好文 时间：
2020-05-06 19:32:19
阅读次数：
56
第四章 模板介绍 4.1 第一节 模板简介： 在之前的章节中，视图函数只是直接返回文本，而在实际生产环境中其实很少这样用，因为实际的页面大多是带有样式和复杂逻辑的HTML代码，这可以让浏览器渲染出非常漂亮的页面。目前市面上有非常多的模板系统，其中最知名最好用的就是 和`Mako`，我们先来看一下这两 ...
分类：
其他好文 时间：
2020-05-04 13:22:56
阅读次数：
54
渲染机制 浏览器 1. 渲染机制 什么是 DOCTYPE 及作用 DTD 告诉浏览器文件是什么文档类型，浏览器根据它来判断用什么引擎来解析渲染文件。DOCTYPE 用来声明文档类型和 DTD 规范。 浏览器是怎么渲染过程 HTML 5: <!DOCTYPE html>HTML 4.01 Strict ...
分类：
其他好文 时间：
2020-05-03 10:24:26
阅读次数：
48
1、shadow-dom 是什么 shadow-dom，直译的话就是 影子dom ？我觉得可以理解为潜藏在黑暗中的 DOM 结构，也就是我们无法直接控制操纵的 DOM 结构。 shadow-dom 其实是浏览器的一种能力，它允许在浏览器渲染文档（document）的时候向其中的 Dom 结构中插入一 ...
分类：
其他好文 时间：
2020-04-25 23:14:30
阅读次数：
57
模板 在之前的章节中，视图函数只是直接返回文本，而在实际生产环境中其实很少这样用，因为实际的页面大多是带有样式的HTML代码，这可以让浏览器渲染出非常漂亮的页面。目前市面上有非常多的模板系统，其中最知名最好用的就是DTL和Jinja2。DTL是Django Template Language三个单词 ...
分类：
其他好文 时间：
2020-04-25 20:50:57
阅读次数：
71
今天在推特看到一篇文章《当页面渲染时，浏览器发生了什么》，于是找了些资料，分享一下所得。 浏览器的主要概念 浏览器主要分为这及部分。 User Interface 用户接口。浏览器中的地址栏、前进后退、书签菜单等。除了网页显示区域以外的都是。 Brower engine 浏览器引擎。查询与操作渲染引 ...
分类：
其他好文 时间：
2020-04-05 11:46:00
阅读次数：
80
一、真实DOM和其解析流程 浏览器渲染引擎工作流程，大致可分为5步： 创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建)。 第二步，用CSS分析器，分析CSS文件和 ...
分类：
其他好文 时间：
2020-03-26 01:14:21
阅读次数：
63
