摘要:
一些准备 在开始这个话题之前,我们有必要简单回顾一下 浏览器(webkit)的网页渲染过程(如果想要详细了解这个过程,可以戳我几年前写的一篇文章。): 我们知道,浏览器在渲染过程中,如遇到节点需要依赖其他资源(比如:图片、CSS、JavaScript、video等),浏览器会通过网络去加载它们。这其 阅读全文
摘要:
本文并不是一篇iframe API文档讲解,因此想了解iframe API的同学请移步 MDN, 我将在现在浏览器的角度与大家取探讨iframe, 因此,本文中虽然会提及一些iframe在旧浏览器中的应用, 但并不会去讲解。 所以,您对iframe在旧浏览器中的应用场景感兴趣的话,还请自己搜索相关资 阅读全文
摘要:
本章我们讨论javascript在浏览器中是如果工作的,包括:下载、解析、执行的全过程。javascript的这些讨人嫌的地方我们是知道的:i.需要串行下载ii.需要解析iii.需要串行执行而在chrchromium中,js是这样解析的:(其实第一章末尾已经有了)至于一些步骤的解释,这里就不再复述了... 阅读全文
摘要:
最近工作闲下来了,恰巧最近在研究前端性能优化相关的问题。读到很多书籍、以及以前公司分享的一些相关资料。这里将它们总结起来,以便大家学习。我们的目标是:没有白屏,对!没有白屏。以下是在同一台机器,相同网络环境的一个测试:大家都知道,浏览器产生白屏。是因为UI在渲染过程中被阻塞了。那么问题来了,是什么阻... 阅读全文
摘要:
本章,我们讨论一下ECMAScript中的作用域链 , 开门见山。什么是作用域链i.ECMAScript是允许创建内部函数的,甚至能从父函数中返回这些函数。作用域链正是内部上下文中所有变量对象(及自由对象)的列表。此链用来变量解析查询。作用域链的特性i.是执行上下文的一个属性activeExecut... 阅读全文
摘要:
web性能优化之重要,这里并不打算赘述。本系列课程将带领大家认识、熟悉、深刻体会并且懂得如果去为不同的站点做性能优化 同时,本系列将还会穿插浏览器兼容性相关问题的解决方案,因为在我看来,兼容性同样属于性能优化的范畴 本系列参考了大量互联网资料及相关书籍。如:Pro HTML5 Performance 阅读全文
摘要:
本章我们一起讨论一下ECMAScript的执行上下文及相关可执行代码的各种类型。so...什么是执行上下文?我们来看看定义:每次当控制器转到ECMAScript可执行代码的时候, 即会进入到一个执行上下文。 执行上下文(以下我们且称EC)是ECMA-262标准里的一个抽象概念,用于可执行代码概念进行... 阅读全文
摘要:
我们将从最基本的数据类型来分析,首先要了解的是ECMAScript用原始值( primitive values) 和对象( objects) 来区分实体, 因此有些文章里说的“在JavaScript里, 一切都是对象”是错误的( 不完全对) , 原始值就是我们这里要讨论的一些数据类型。数据类型大家都... 阅读全文
摘要:
RequireJS 下载地址 :http://requirejs.org什么是 requireJS ?以下是官方网站上的解释:RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, b... 阅读全文