浏览器的渲染原理简介
摘要：http://coolshell.cn/articles/9666.html
阅读全文
posted @ 2014-03-12 19:07
随笔分类 - 前端&客户端 / HTML
HTTP请求中浏览器的缓存机制（转）
摘要：摘要：在Web开发过程中，我们可能会经常遇到浏览器缓存的问题。本文作者详细解释了浏览器缓存的机制，帮助读者更深层次的认识浏览器的缓存。 流程 当资源第一次被访问的时候，HTTP头部如下(Request-Line) GET /a.html HTTP/1.1Host 127.0.0.1User-Agent Mozilla/5.0 (X11; U; Linux i686; zh-CN; rv:1.9.0.15) Gecko/2009102815 Ubuntu/9.04 (jaunty) Firefox/3.0.15Accept text/html,applica...
阅读全文
posted @ 2013-09-03 10:46
浏览器的工作原理：新式网络浏览器幕后揭秘（转）
摘要：译文地址：http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/#The_browsers_we_will_talk_abouthttp://ux.sohu.com/topics/50972d9ae7de3e752e0081ff原文地址：http://taligarsiel.com/Projects/howbrowserswork1.htm
阅读全文
posted @ 2013-09-03 09:52
Lazyload 延迟加载效果（转）
摘要：http://www.cnblogs.com/cloudgamer/archive/2010/02/01/LazyLoad.htmlLazyload是通过延迟加载来实现按需加载，达到节省资源，加快浏览速度的目的。网上也有不少类似的效果，这个Lazyload主要特点是：支持使用window（窗口）或元素作为容器对象；对静态（位置大小不变）元素做了大量的优化；支持垂直、水平或同时两个方向的延迟。程序说明【基本原理】首先要有一个容器对象，容器里面是_elems加载元素集合。用隐藏或替换等方法，停止元素加载内容。然后历遍集合元素，当元素在加载范围内，再进行加载。加载范围一般是容器的视框范围，即浏览者的
阅读全文
posted @ 2013-09-03 09:50
AJAX入门实例
摘要：1、什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。2、实例//webDemo/ajax/ajaxtest1.htmlAJAX请求数据//webDemo/ajax/demo_ajax.htmlajax 异步请求结果点击前：点击后：3、onread
阅读全文
posted @ 2013-08-27 10:28
HTML DOM之二：事件
摘要：对事件作出反应当事件发生时，可以执行 JavaScript，比如当用户点击一个 HTML 元素时。如需在用户点击某个元素时执行代码，请把 JavaScript 代码添加到 HTML 事件属性中：onclick=JavaScriptHTML 事件的例子：当用户点击鼠标时当网页已加载时当图片已加载时当鼠标移动到元素上时当输入字段被改变时当 HTML 表单被提交时当用户触发按键时在本例中，当用户点击时，会改变 元素的内容：1、例子1：1 2 3 4 5 请点击这段文本！6 7 8 例子1改进：用函数 1 2 3 4 10 11 12 13 请点击这段文本！14 15 16 2、button ...
阅读全文
posted @ 2013-08-27 09:32
HTML DOM之三：节点关系导航
摘要：1、获取节点列表 1 2 3 4 5 Hello World! 6 DOM 很有用！ 7 本例演示 length 属性。 8 9 17 18 2、导航节点关系您能够使用三个节点属性：parentNode、firstChild 以及 lastChild、childNodes[]，在文档结构中进行导航。请看下面的 HTML 片段：Hello World! DOM 很有用! 本例演示节点关系。首个 元素是 元素的首个子元素（firstChild） 元素是 元素的最后一个子元素（lastChild） 元素是首个 元素和 元素的父节点（parentNode）例子2.1：first...
阅读全文
posted @ 2013-08-26 15:59
页面性能优化之内容加载优化（转）
摘要：http://www.ueder.net/2011/01/23/%E9%A1%B5%E9%9D%A2%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E6%8C%89%E9%9C%80%E5%8A%A0%E8%BD%BD%E5%8F%8A%E6%8C%89%E9%9C%80%E6%B8%B2%E6%9F%93/图片按需加载现在大部分门户或电子商务网站的产品列表页,都比较长,且图片较多,如果全部加载,通常会耗费较多时间,而且有数据表明长时间的等待页面响应会流失大部分的用户,所以此时我们就可以考虑只加载第一屏的内容,第一屏内容以外的图片按需加载,用户滚动到该屏时再加载(包括
阅读全文
posted @ 2013-08-26 15:46
HTML DOM 之一：访问、修改、删除HTML内容
摘要：什么是 DOM？DOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准：“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对 HTML 文档的标准模型编者注：DOM 是 Document Object Model（文档对象模型）的缩写。1、getElementByIdHello World! DOM很有用 1、getEleme
阅读全文
posted @ 2013-08-26 14:14
