tuhuolong的专栏

DOM Event 规范DOM Event 主要定义了三类接口：EventTarget, 所有DOM节点和XMLHttpRequest 都实现EventTarget接口    class EventTarget  {        void addEventListener(in DOMString type,inEventListener listener, in b

Java调WebView,WebView(UI线程)向WebViewCore(WebCore线程)发消息,再由WebViewCore正调BrowserFrame,回调CallbackProxy网上有许多webkit的分析文章，其中针对android porting的一篇文章WebKit – WebKit For Android，写的非常好，分析得非常深入。不过这篇文章针

一、基本选择器【1】 *  所有(通用元素)选择器，匹配任何元素【2】 E  标签选择器，匹配所有使用E标签的元素【3】 .info  类class选择器，匹配所有class属性中包含info的元素【4】 #footer  id选择器，匹配所有id属性等于footer的元素实例：* { margin:0; padding:0; }p { font-size:2em; }

Transform 适应于对任一DOM元素的2D或3D转换,这些转换效果有:旋转(rotate)、拉伸(scale)、平移(move)、倾斜(skew)等，利用Transform和javascript可以制作一些简单的动画，可以为web应用带来些意想不到的效果。目前浏览器并不是完全支持所有的Transform ，IE9、Firefox 和Opera 仅支持2D transforms ，相应

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

ResourceLoaderAndroid::start->WebUrlLoader::start (或者 clientAndroid->webFrame()->startLoadingResource)->WebUrlLoaderClient::start       创建一个网络线程来处理请求->thread->message_loop()->PostTask(FROM_H

缓存构成 url+.manifest+manifest     或者 url (没有manifest)   webkit解析html标签,发送(异步).manifest请求->HTMLTreeBuilder::processStartTag->HTMLConstructionSite::insertHTMLHtmlStartTagBeforeHTML->HTMLHtml

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

The origin of a JavaScript file is defined by the domain of the HTML page which includes it

At zoom level 100% one CSS pixel is exactly equal to one device pixel

pageX/Y gives the coordinates relative to the  element in CSS pixels.clientX/Y gives the coordinates relative to the viewport in CSS pixels.screenX/Y gives the coordinates relative to the screen in

检查域（1）访问window对象（2）XHR请求: Access-Control-Allow-Origin响应头（3）访问frame/iframe对象（4）访问文件（5）访问cookie不检查域（1）（2）  css（3）（4）和（5）插件，和（6）@font-face（7）和

开发离线应用的缓存方法大概有4种（如下safari开发工具中的resources所示）1.cookies（略）：传统储存策略。缺点很明显：储存的容量过小，而且很容易被各种软件当垃圾清除，如360等。2.Application Cache资源缓存：在html中指定一个manifest文件，给文件中罗列出需要缓存的资源文件列表。浏览器根据资源列表对资源文件缓存。3.

Native Client:本地程序(C/C++和目前不支持的其他程序)沙箱     [JavaScript通过浏览器(解释引擎)来完成功能,HTML5只是扩展了部分功能]Native Client 适合纯计算(CPU+内存)本地程序,不适合 创建进程/直接访问文件/无限制访问网络 程序================================

http://help.dottoro.com/

沙箱:受控的运行环境 ,不限制CPU和内存沙箱化进程被禁用了所有系统调用,只能使用浏览器内核APIusing-the-google-chrome-sandboxnew-approach-to-browser-security-googleSandbox-design documentsSandbox-FAQChrome只把

插件不能跨平台(平台相关)浏览器遇到MIME类型,先找插件,再找帮助程序(独立程序,不与浏览器通信)插件运行原理:(1)浏览器启动时，创建一个MIME-插件表 (记录处理MIME的插件)(2)浏览器根据MIME加载插件(NP_Initialize+NPP_New)(3)插件运行，通过NPAPI与浏览器通信(3)用户离开页面或关闭窗口销毁插件(NPP_Dest

http://blog.youkuaiyun.com/makefish/archive/2010/07/10/5725613.aspx

Web计算本地化（前端技术）历史-HTML->CSS->Javascript最初的网络上传输的内容是【纯文本】的，从网络上传输回来直接通过字符界面展示出来就够了，本地几乎不用计算。后来，为了更直观，更层次化展现网络内容，人们在文本的基础上加上了什么之类的标签，于是出现了【HTML】，这时候，就出现了浏览器，浏览器是把这些标签解释，并且按照一定格式渲染，这时，就需要一定的本地计算来进

Native Client简介Native Client是Google在浏览器领域推出的一个开源技术，它允许在浏览器内编译Web应用程序，并执行原生的编译好的代码。Native Client有以下几个优势（参考Google官方英文介绍）：为Web提供更多的图形，音频以及其他功能：可以直接在web上执行了原生的2D，3D图形渲染程序（对Web游戏很有用），播放音视频，响应鼠标键盘

一个域(脚本)访问另一个域的资源域/源：域名+协议+端口号，包含许多资源同源规则:一个域的脚本(script)不能访问其他域的资源一个页面(页面可以嵌套)在一个沙箱同域的页面(HTML+JS)可以相互访问，不同域的页面不能相互访问

Native Client:A Sandbox for Portable, Untrusted x86 Native Code系统架构      一个NaCl应用程序由许多可信和不可信NaCl模块组成，每个模块都在一个进程中单独运行。假想一个基于NaCL实现的，用于管理和分享图片的应用，它由两个组件构成，一个用javascript实现的用户界面接口，运行在web浏览器中，另

同源策略在客户端编程语言中，如javascript和ActionScript，同源策略是一个很重要的安全理念，它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域，什么叫不同的域呢？当两个域具有相同的协议(如http), 相同的端口(如80)，相同的host（如www.example.or

(1)内核:(内核API)       Cookie,访问历史,密码,窗口管理,地址栏,黑名单,网络协议栈,SSL/TLS,磁盘Cache,下载管理,剪贴板       URL解析,Unicode解析(2)渲染引擎:Web内容=>位图       HTML解析,CSS解析,图像解码,正则表达式,布局,DOM,渲染,SVG,XML解析,XSLT       URL解析,Unico

上面是一个浏览器的架构图，JS引擎+渲染引擎+外壳Shell+内核 4部分构成了浏览器的主体，传统的插件（上图左部）通过NPAPI与浏览器通信，Native Client（上图右部）通过PPAPI与浏览器通信，只有浏览器内核可以直接访问本地系统OS。【Native Client】Native Client是Chrome浏览器里面的一个沙箱，它允许在沙箱里面运行本地码程序，使得程

Windows程序是基于消息的，不管其封装形式如何，最后都要包含如下代码MSG msg;while(GetMesssage(&msg)){TranslateMessage(&msg);DispatchMessage(&msg); }大部分的工作都是在这个while循环里完成。 GetMessage获得一条消息，然后调用DispatchMessage分发消息。Di

Html5 finally solves an age old problem of being able to upload files while also showing the upload progress. Today most websites use Flash Player to achieve this functionality. Some websites contin

TYPE=BUTTON永远不提交TYPE=CHECKBOX只在勾选后提交TYPE=FILE永远提交，即使为空值TYPE=HIDDEN永远提交，即使为空值TYPE=IMAGE永远提交，即使为空值TYPE=PASSWORD永远提

WebKit作为一个浏览器引擎，其中Javascript实现包括JavaScriptCore和V8，为了能更全面的了解WebKit，我们需要深入的了解Javascript实现的基本原理、其在WebKit中的作用以及与其他部分之间的交互，同时与Gecko中的Javacript实现作初步的对比。让我们开始了解WebKit之Javascript实现JavaScriptCore、V8之旅吧。一、J