tuhuolong的专栏

原创 DOM结点的渲染(attach)

原创 CSS Box模型

Box Model:任意一个Block标签 = content + padding + background + border + margin Margin + Background(Border +Padding +Content)    HTML标签划分 1. Block标签-level elemen

原创 Android 单击+双击+短按+长按 逻辑

ACTION_DOWN事件 ->mPrivateHandler.sendEmptyMessageDelayed(SWITCH_TO_SHORTPRESS, TAP_TIMEOUT)        发延迟处理的消息SWITCH_TO_SHORTPRESS (短按) 计时 ->mPrivateHandler.sendEmptyMessageDelayed(SWITCH_TO_LONGPRESS,

原创 handle.sendEmptyMessageDelayed(message ,TIME_OUT) 发送延迟处理的消息

原创 WebView::drawExtras

WebView::drawExtras 绘制额外         Find         Selection (文字选择 下标+高亮文字)                 updateSelectionHandles()         CursorRing (链接选择 边框)                 drawCursorPreamble(root) && m_ri

原创 Android Canvas和Paint

Canvas drawArc(RectF oval, float startAngle, floatsweepAngle, boolean useCenter, Paint paint) 弧线 drawBitmap(Bitmap bitmap, Rect src, Rectdst, Paint paint) 位图 drawCircle(float cx, float cy, floatr

原创 DOM树-Render树-RenderLayer树 对应关系

DOM树结点类型    (1)Document结点:Document/HTMLDocument/SVGDocument (2)Element结点(元素结点) (3)Text结点(文本结点)

原创 选取文字就是选取各个TextBox拼起来

原创 RenderText结点 按行划分成若干个TextBox存在结点中

原创 Layout坐标系 左上为0,0点，右/下为X/Y正坐标

原创 WebViewCore::dumpDomTree(打印DOM树)和WebViewCore::dumpRenderTree(打印Render树)

原创 Block结点垂直排列,Inline结点水平排列 (WebKit Layout)

转载 WebKit Layout 数据结构

一、Render树的构成 在我们编写网页及使用JS的时候，大概都知道DOM树及其主要构成，了解到DOM树的构建其实质是对一个html或xml文件的内容采取树结构的方式来组织及描述，不同的标签及其在文档中的位置决定了其在整颗DOM树的地位及属性，针对具体DOM树的构成及不同树节点的描述，可以参考有关DOM的相关标准等，以后有机会我们也会单独来了解。 也许对于Render树大家就不那么了解了，