携程UED

最近看了LabJS,LabJS是由Kyle Simpson编写,用来管理JS下载执行的一个开源模块。,

关于它的使用方法等,在labjs的官网上说的非常详细,有兴趣的同学可以去试试。

我这里主要整理了一份关于LabJs API的内部分析图。

从三个方面分析了一下LABJS

  1. APIS
  2. Variables
    • opera_or_gecko
    • explicit_preloading
    • real_preloading
    • script_ordered_async
    • xhr_or_cache_preloading
  3. Functions
    • create_sandbox
    • request_script
    • check_chain_group_scripts_ready
    • create_script_load_listener
    • script_executed

具体的分析和内容请看上面的分析图

可以通过这个地址下载xmind的源文件和图片: http://ued.ctrip.com/blog/wp-content/uploads/2012/05/LabJs1.rar

渲染引擎

渲染引擎的职责是……渲染,也就是把请求的内容显示到浏览器屏幕上。

默认情况下渲染引擎可以显示HTML,XML文档以及图片。 通过插件(浏览器扩展)它可以显示其它类型文档。比如使用PDF viewer插件显示PDF文件。我们会在一个专门的章节讨论插件与扩展。在这一节我们将专注渲染引擎的主要用途——显示用CSS格式化的HTML与图片。

各种渲染引擎

我们提到的Firefox, Safari两种浏览器构建于两种渲染引擎之上:Firefox使用Gecko —— Mozilla自家的渲染引擎;Safari 和 Chrome 都使用 Webkit。

Webkit 是一个开源的渲染引擎,它源自Linux平台上的一个引擎,经过Apple公司的修改可以支持Mac与Windows平台。更多信息可以参考: http://webkit.org/ 。

主要流程

渲染引擎开始于从网络层获取请求内容,一般是不超过8K的数据块。接下来就是渲染引擎的基本工作流程:

Read more »

译注:

前两天看到一篇不错的英文文章,叫做 How browsers work,该文概要的介绍了浏览器从头到尾的工作机制,包括HTML等的解析,DOM树的生成,节点与CSS的渲染等等,对于想学习浏览器源码的同学来说,实在是很棒的一篇科普文章。尽管对于每部分,该文的描述并不足够深入,但综合来讲,即使没兴趣学浏览器源码,也还是有一些值的学习的思想在里面的,可以权当开拓下视野,有益无害。

于是,我想分节挑重点翻译一下与大家分享。以下为译文:

我们要讨论的浏览器

当今主流浏览器有五类: Internet Explorer, Firefox, Safari, Chrome 以及 Opera。 我会基于开源浏览器 Firefox, Chrome 与 Safari(部分开源)来举例说明。 按照 W3C 浏览器统计, 当今(2009年10月), Firefox, Safari 及 Chrome 的总占有率已接近 60%,这是非常可观的。

Read more »

前面几期, 我们基本把界面操作给搞定了,甚至基本的行棋规则判断也有了。接下来,我们考虑一下怎样教会JS下象棋的问题。坦白说,我也没写过象棋的对弈AI,只是几年前写过五子棋的而已。不过,我们还是一起尝试一下吧,我相信会成功的。

对弈算法对与陌生人来说或许很神奇,但对于“懂行”的人来说,只有两档子事儿:路径搜索与局势评估(当然,如果你是研究神经网络或其它高级飞机的,请忽视本文吧)。

Read more »

自从东航抛出了为携程打工论后,直销与分销成了航空公司与代理人经久不衰的热议话题.自从国内全面实现了无纸化电子客票后,更是为航空公司进入直销行列降低了不少门槛.

选择直销,航空公司的目标很简单:降低销售成本,同时提高客户的忠诚度. 然而直销之路是否就是一帆风顺呢?

Read more »

今天,2012-2-22,是个很二的日子,遇到了一个诡异的问题~~

下午收到一封信。

from:someone@ctrip.com
to:小灰灰
title:被挡住的iframe也能接收到点击事件小灰灰,今天开发的时候遇到了一个很怪的问题。页面中有一个iframe和一个弹出层。
iframe中是一个可以点击的广告。弹出层挡在iframe上方,当点击iframe中的“hide me”, 虽然层隐藏了,但是同时也触发了iframe中图片的点击,会弹出广告。这个情况只有IE下才会出现。有没有办法可以阻止这个点击?

Read more »

    我们知道select标签在各个浏览器中的属性和各浏览器的支持各有些不同,从而造成select选择框在各浏览器的显示有不同,下面我们通过对主要 外形CSS属性的支持,打造全兼容select。

    我对select的height、padding、line-height分别利用控制变量的方法写了个DEMO在各浏览器上测试三种情况:height.100.padding.0、height.no.padding.100、no.height.no.padding,结果如  链接图片各浏览器DEMO外观

Read more »

编辑:S++小组

很多时候用户测试很难测试到表单的效率,通常的做法是,表单上线后来统计用户使用或者停留的时间来考量表单的效率,但是这种做法只能针对已经上线后的表单来考量。那么在一个表单在设计过程中,是否有什么科学的办法评估到所设计表单的效率呢?

Read more »