浏览器渲染过程浏览器渲染1.解析HTML文件,构建DOM树,同时浏览器主进程负责下载CSS文件2.CSS文件下载完成,解析CSS文件成树形的数据结构,然后结合DOM树合并成RenderObject树3.布局RenderObject树（Layout/reflow）,负责RenderObject树中的元素的尺寸,位置等计算4.绘制RenderObject树（paint）,绘制页面的像素信息5.浏览器主进程将默认的图层和复合图层交给GPU进程,GPU进

点击上方Z先生点记，加为星标第一时间收到Python技术干货！转自：Python那些事迭代器迭代是Python最强大的功能之一，是访问集合元素的一种方式。迭代器是一个可以记住遍历的位置的对象。迭代器对象从集合的第一个元素开始访问，直到所有的元素被访问完结束。迭代器只能往前不会后退。迭代器有两个基本的方

本文首发于政采云前端团队博客：CSS层叠上下文（StackingContext）https://www.zoo.team/article/cssstackingcontext在网页制作的过程中，元素与元素之间的位置关系，在坐标轴上一般可体现为X轴、Y轴和Z轴。对于X轴和Y轴的定位大多数开发都能比较直观的

前言：最近在做基于RF框架的Web自动化测试，其中涉及到元素的定位，主要用到id、name、xpath、css四中定位方法，尤其后面的两种方法特别有效，可以解决大部分的定位问题。

弹性盒模型（FlexibleBox）是一个CSS3新增布局模块，用于实现容器里项目的对齐、方向、排序；弹性盒模型最大的特效在于，能够动态的修改子元素的宽度和高度，以满足在不同尺寸屏幕下的恰当布局；下面是弹性盒模型的元素基本概念：!(http://static.oschina.net/uploads/space/2016/0212/210

CSS3中的rgba中不仅仅让我们像通常一样设置RGB颜色，而且还可以设置其透明度。RGBA像RGB一样设置颜色，而这个”A”——RGBA中的最后一个值——允许我们设置该元素的透明度。就像opacity声明一样，一个opacity值为1的元素是完全不透明的，而一个opacity为0的元素是完全透明的。浏览器兼容性RG

朋友，你听说过CSS3Mask这个属性吗？没听说过？不是很了解？没关系，听我娓娓道来。1\.Mask介绍css遮罩是2008年4月由苹果公司添加到webkit引擎中的。遮罩提供一种基于像素级别的，可以控制元素透明度的能力，类似于png24位或png32位中的alpha透明通道的效果。201

最近我在处理一个比较复杂的DOM控制的业务的时候发现html()这个方法的一些领我有些不解的地方。1.html()获取的是第一个匹配的元素的内容，不包括它自己。2.如果需要获取包括元素自己本身的html的话，请使用prop("outerHTML")，如：$("div").prop("outerHTML");//这个的返回值会包含div

对链表进行插入排序。!(https://oscimg.oschina.net/oscnet/9dfd592075eb9c212bf1eabe9e8ecb60522.gif)插入排序的动画演示如上。从第一个元素开始，该链表可以被认为已经部分排序（用黑色表示）。每次迭代时，从输入数据中移除一个元素（用红色表示），并原地将其插入到已排好序的链表中。

原文链接：什么是插入排序（insertionSort）？在数组中从左到右依次取一个数出来，然后把它放到合适的位置。从思想上可以分为有序区和无序区，有序区在左边代表已经排列好的元素。算法步骤1.默认左边第一个元素已经在有序区了2.在无序区取一个数出来（第二个