.container{ position: relative; width: 200px;
height: 200px; background: #abcdef; -webkit-border-radius: 20px;
-moz-border-radius: 2...
分类:
Web程序 时间:
2014-05-28 22:49:40
阅读次数:
336
webkit在绘制页面时会将结构分为各种层,当层足够大时就会变成很大的平铺层。这样一来webkit在每次页面结构发生变化时不需要都渲染整个页面而是渲染对应层了,这对渲染速度来说相当的重要。webkit会给各种层分配一定大小的“后备存储器”在内存里缓存起来,这就是绘制层的上下文,通过这个上下文就可以很...
分类:
移动开发 时间:
2014-05-28 01:50:48
阅读次数:
1191
transform:rotate旋转deg #box1{
-moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); }transform:skew倾斜
#box2{ -mo...
分类:
Web程序 时间:
2014-05-27 00:47:36
阅读次数:
309
常这样去定义一个渐变的div:渐变1:(双色)background:
-moz-linear-gradient(top, #456d6c 0%, #32b66a 100%); /*适合 FF3.6+*/ background:
-webkit-gradient(linear, left top, l...
分类:
Web程序 时间:
2014-05-24 06:37:38
阅读次数:
438
原文地址:http://www.pocketdigi.com/20110216/176.htmlWebView是个好东西,作用相当于一个迷你的浏览器,采用Webkit内核,因此完美支持html,javascript,css等。有时候,我们完全可以把UI甚至数据处理都交给WebView,配合PHP等服...
分类:
移动开发 时间:
2014-05-24 02:07:49
阅读次数:
360
构建node扩展的方法:
1,安装node.js 版本为0.10.24.msi
2,安装node-gyp, npm install -g node-gyp
3,构建 hello工程
cd 到 node-gyp-hello\src
node-gyp configure
node-gyp build
构建node-webkit扩展的方法:
1,安装node.js 版本为0.10...
分类:
编程语言 时间:
2014-05-22 23:38:12
阅读次数:
377
一、iScroll.js的用法概要 iScroll 4
这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器(诸如iPhone,iPad,Android
这些系统上广泛使用)提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的....
分类:
Web程序 时间:
2014-05-21 23:24:58
阅读次数:
445
之前写了几篇加载流程的说明,是从下向上看,有点只见树木不见森林的感觉。经过最近一段时间的学习,有了能加以概括抽象的方法。
WebKit加载流程和页面组成是直接相关的,页面就是WebKit要加载的对象。所以WebKit负责加载的类也与负责页面管理的类相对应。Apple关于WebView的说明里清楚表现了页面视图上的MVC结构:一个页面从元素上也有其层次结构,并且和加载类对应。...
分类:
Web程序 时间:
2014-05-21 13:59:25
阅读次数:
308
render进程中
一.webkit模块
webkit引擎会为网页内容同时创建Dom tree, Render tree和RenderLayer tree.
这三棵树之间的关系参见...
分类:
移动开发 时间:
2014-05-21 10:23:08
阅读次数:
457
blink中网页展示方面常用组件的创建过程分析...
分类:
Web程序 时间:
2014-05-20 14:51:36
阅读次数:
375