索引用来快速地寻找那些具有特定值的记录，所有MySQL索引都以B-tree的形式保存。如果没有索引，执行查询时MySQL必须从第一个记录开始扫描整个表的所有记录，直至找到符合要求的记录。表里面的记录数量越多，这个操作的代价就越高。如果作为搜索条件的列上已经创建了索引，MySQL无需扫描任何记录即可迅速得到目标记录所在的...

浏览器渲染基本原理（五）：优化渲染性能网页不仅应该被快速加载，同时还应该流畅运行，比如快速响应的交互，如丝般顺滑的动画等。大多数设备的刷新频率是60次/秒，也就说是浏览器对每一帧画面的渲染工作要在16ms内完成，超出这个时间，页面的渲染就会出现卡顿现象，影响用户体验。为了保证页面的渲染效果，需要充分了解浏览器是如何处理...

关键渲染路径与阻塞渲染在浏览器拿到HTML、CSS、JS等外部资源到渲染出页面的过程，有一个重要的概念关键渲染路径（CriticalRenderingPath）。例如为了保障首屏内容的最快速显示，通常会提到一个渐进式页面渲染，但是为了渐进式页面渲染，就需要做资源的拆分，那么以什么粒度拆分、要不要拆分，不同页面、不同场景...

 渲染流程用户请求的HTML文本(text/html)通过浏览器的网络层到达渲染引擎后，渲染工作开始。每次通常渲染不会超过8K的数据块，其中基础的渲染流程图：渲染流程有四个主要步骤：解析HTML生成DOM树 ---渲染引擎首先解析HTML文档，生成DOM树构建Render树 ---接下来不...

JS引擎也可以叫做JS解释器浏览器的核心是两部分：渲染引擎和JavaScript解释器（又称JavaScript引擎）。（1）渲染引擎渲染引擎的主要作用是，将网页从代码“渲染”为用户视觉上可以感知的平面文档。不同的浏览器有不同的渲染引擎。以上四步并非严格按顺序执行，往往第一步还没完成，第二步和第...

大多数设备的刷新频率是60Hz，也就说是浏览器对每一帧画面的渲染工作要在16ms内完成,超出这个时间，页面的渲染就会出现卡顿现象，影响用户体验。前端的用户体验给了前端直观的印象，因此对B/S架构的开发人员来说，熟悉浏览器的内部执行原理显得尤为重要。 浏览器大体上由以下几个组件组成，各个浏览器可能有一点不同。界...

短信验证码工作原理我们的在注册各大网站或者APP的时候，经常会遇到填写验证码的情况。验证码的设置是平台为了验证用户身份而专门设置的安全机制。那么，问题来了：短信验证码在网络上的工作流程是怎样的呢？短信验证码内部工作流程1.使用random函数随机生成一个验证码，位数可以自己定（一般是4位、6位验证码）2.调用短信运营商...

来源 https://blog.51cto.com/tanxw/1389114 前言  iptables其实就是Linux下的一个开源的信息过滤程序，包括地址转换和信息重定向等功能的，他由四表五链组成的，信息过滤功能十分强大，而所谓的硬件防火墙也就是一个Linux核心加页面操作程...

最近有同学问我有没有做过在线咨询功能。同时，公司也刚好让我接手一个IM项目。所以今天抽时间记录一下最近学习的内容。本文主要剖析了WebSocket的原理，以及附上一个完整的聊天室实战Demo（包含前端和后端，代码下载链接在文末）。WebSocket协议在2008年诞生，2011年成为国际标准。现在所有浏览器都已经支持了...

importreimportcopyclassValidateError(Exception):def__init__(self,detail):self.detail=detail#######################插件classTextInput(object):def__str__(self):retu...

回答：一般的应用系统，读写比例在10：1左右，而且插入操作和一般的更新操作很少出现性能问题，在生产环境中，我们遇到最多的，也就是最容易出问题的，还是一些负责的查询操作，因此对查询语句的优化显然是重中之重。说起加速查询，就不得不提到索引了。回答：这里的索引，形象的可以理解为一本数中，里面的目录就索引。我们可以通过索引，快...

了解 html 的读者一定听说过DOM树这个概念，它由页面中每一个控件组成，这些控件所形成的一种天然的嵌套关系使其可以表示为“树”结构，我们也可以将这个概念应用在Flutter中，例如默认的计数器应用的结构如下图：我们也可以看到上图中每个控件所形成的树结构中隐含了一些关系，例如在上图中，我们可以说T...

当我们学习angular或者vue的时候，其双向绑定为我们开发带来了诸多便捷，今天我们就来分析一下vue双向绑定的原理。1.vue双向绑定原理vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发...

短轮询的实现思路就是浏览器端每隔几秒钟向服务器端发送HTTP请求，服务端在收到请求后，不论是否有数据更新，都直接进行响应。在服务端响应完成，就会关闭这个TCP连接，代码实现也最简单，就是利用XHR，通过setInterval定时向后端发送请求，以获取最新的数据。setInterval(function(){fetch(...

1.什么是Promisepromise是目前 js 异步编程的主流解决方案，遵循Promises/A+方案。 2.Promise原理简析（1）promise本身相当于一个状态机，拥有三种状态pendingfulfilledrejected一个promise对象初始化时的状态是pending...