摘要: 渲染引擎渲染引擎的职责是……渲染,也就是把请求的内容显示到浏览器屏幕上。默认情况下渲染引擎可以显示HTML,XML文档以及图片。 通过插件(浏览器扩展)它可以显示其它类型文档。比如使用PDF viewer插件显示PDF文件。我们会在一个专门的章节讨论插件与扩展。在这一节我们将专注渲染引擎的主要用途——显示用CSS格式化的HTML与图片。各种渲染引擎我们提到的Firefox, Safari两种浏览器构建于两种渲染引擎之上:Firefox使用Gecko —— Mozilla自家的渲染引擎;Safari 和 Chrome 都使用 Webkit。Webkit 是一个开源的渲染引擎,它源自Linux平台 阅读全文
posted @ 2012-10-24 23:15 乱ayhuznaiou 阅读(296) 评论(0) 推荐(0)
摘要: 来源:http://ued.taobao.com/blog/2011/12/27/moxuan/ 阅读全文
posted @ 2012-10-23 23:06 乱ayhuznaiou 阅读(159) 评论(0) 推荐(0)
摘要: 如果你是一名前端博主,你希望通过代码+演示来透彻的讲解一些技巧,并且无缝嵌入你的博客,那么jsfiddle是一个很好的选择。它提供了一个由4各部分组成的界面:HTML 编辑器CSS 编辑器JavaScript 编辑器输出界面你还可以添加一个Ajax echo后端,并且通过一系列的JavaScript框架自动载入资源,如MooTools, jQuery, Dojo, Prototype, YUI, Glow,Vanilla等。还有一个重要特性就是能够保存和分享一个unique URL generated代码,jsFiddle还有一个嵌入的功能。例:网址是:http://jsfiddle.net/ 阅读全文
posted @ 2012-10-21 20:36 乱ayhuznaiou 阅读(392) 评论(0) 推荐(0)
摘要: yslow 网站性能评分工具的图文解析终于说到Yslow这个东西了。想必好多人对此评分规则并不陌生了。尤其是一些做独立博客的博主,很是热衷于这个评分规则。下面我就简单介绍一下这个很火的“舶来品”,他叫Yslow(解析为 why slow),他有个名爹叫yahoo,他是个老师主要负责给页面打分,他家在:http://developer.yahoo.com/performance/rules.html这里。他与chrome 还有 firefox 都是好朋友,在firefox家里会与firebug呆在一起。他办事情很有条理,并且有一套让很多人热衷的打分规则。另外他还能对于别人的不足给出建设性的意见, 阅读全文
posted @ 2012-10-19 16:11 乱ayhuznaiou 阅读(411) 评论(0) 推荐(0)
摘要: 有人在Stack Overflow上发问,动手开发网站之前,需要知道哪些事情?不出意料地,他得到了一大堆回答。通常情况下,你需要把所有人的发言从头到尾读一遍。但是,Stack Overflow有一个很贴心的设计,它允许在问题下方开设一个wiki区,让所有人共同编辑一个最佳答案。于是,就有了下面这篇文章,一共总结出六个方面共计61条"网站开发须知"。我发现,这种概述性的问题,最适合这种集合群智、头脑风暴式的回答方式了。这也是我第一次觉得,Stack Overflow做到了Wikipedia做不到的事。(难怪它最近挤进了全美前400大网站。)在我的印象中,关于网站开发,这样全面 阅读全文
posted @ 2012-10-18 23:21 乱ayhuznaiou 阅读(144) 评论(0) 推荐(0)
摘要: 我一直很难理解Javascript语言的继承机制。它没有"子类"和"父类"的概念,也没有"类"(class)和"实例"(instance)的区分,全靠一种很奇特的"原型链"(prototype chain)模式,来实现继承。我花了很多时间,学习这个部分,还做了很多笔记。但是都属于强行记忆,无法从根本上理解。直到昨天,我读到法国程序员Vjeux的解释,才恍然大悟,完全明白了Javascript为什么这样设计。下面,我尝试用自己的语言,来解释它的设计思想。彻底说明白prototype对象到底是怎么回 阅读全文
posted @ 2012-10-18 23:10 乱ayhuznaiou 阅读(171) 评论(0) 推荐(0)
摘要: 栅格系统的形成1692年,新登基的法国国王路易十四感到法国的印刷水平强差人意,因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的, 重视功能性的新字体。委员会由数学家尼古拉斯加宗(Nicolas Jaugeon)担任领导,他们以罗马体为基础,采用方格为设计依据,每个字体方格分为64个基本方各单位,每个方各单位再分成36个小格,这样,一个印 刷版面就有 2304个小格组成,在这个严谨的几何网格网络中设计字体的形状,版面的编排,试验传达功能的效能,这是是世界上最早对字体和版面进行科学实验的活动,也 是栅格系统最早的雏形。栅格系统英文为“grid systems”,也有人 阅读全文
posted @ 2012-10-17 11:42 乱ayhuznaiou 阅读(186) 评论(0) 推荐(0)
摘要: 拔赤按:一直想写这篇“十日谈”,聊聊我对Web前端开发的体会,顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术,我想,通过技术的历练,得到的反思应当更重要。我一直认为自己是“初级”前端开发工程师,一方面我入道尚浅,只有短短几年,另一方面我自知对技术的钻研并不深入,可能是由于环境的原因,当然最重要的是,我幸运的参与到互联网崛起的浪潮之巅。时势造就了一批技能薄弱但备受追捧的“弄潮者”,这在很大程度上影响我们对“技术本质”的洞察力,多年来也一直未有成体系的“前端技术”布道佳作,以至于当下多数人对前端技术的了解,盖始于表述并不严谨的岗位招聘描述,而这正恰恰反映了Web前端开发对自身的模糊定位。对于 阅读全文
posted @ 2012-10-15 11:59 乱ayhuznaiou 阅读(143) 评论(0) 推荐(0)
摘要: 第六日:码农的宿命【青春饭】“码农”是IT从业者一个自嘲的称号,也有从事没有发展前景的软件开发职位,靠写代码为生的意思。但我认为码农是一个爱称,编码的农民,和农民一样有着执着纯真朴实豪爽的共性,仅仅分工不同而已。就好比农业社会对粮食的依赖,工业化进程对计算机应用也有着很强的依赖,大量的需求催生出这样一群人。他们有智慧的大脑,对于编程,设计,开发都有着熟练的技巧,但多数人看来,码农的特点是:1,收入低2,工作单调3,工作时间长实际上这个描述非常片面,或者说是外行看热闹。第一,全行业比较来看,软件开发领域收入为中等偏上,第二,程序员一般都是有癖好的,沉浸在自己的癖好中是不会感觉单调的,第三,程序员 阅读全文
posted @ 2012-10-15 11:59 乱ayhuznaiou 阅读(186) 评论(0) 推荐(0)
摘要: 在设计中经常遇到这几个问题:1.想要网站兼容手机、平板电脑、pc,就得为不同的设备定制不同的版本。2.想要网站的某些页面在宽屏显示器下一行显示更多的内容,又得为宽屏定制一个版本。3.很多人并不是在全屏的情况下浏览我们的页面,如果让页面随着浏览器宽度改变而相应的调整会不会比较好?有没有办法能有效解决这些问题呢?响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境(屏幕尺寸、屏幕定向、系统平台等)以及用户行为(改变窗口大小等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户 阅读全文
posted @ 2012-10-15 09:57 乱ayhuznaiou 阅读(178) 评论(0) 推荐(0)