摘要：【51CTO精选译文】本文从技术和用户体验的角度，一一介绍了影响浏览器速度的因素，以及如何判定一个浏览器是否快速。本文作者Evan Martin是Google Chrome项目的开发者，文章来自他的个人博客，与Google官方并无关系。以下为原文编译：所谓快速的浏览器，到底是什么意思？事实上这是个挺... 阅读全文

摘要：本文将深入的研究当你输入一个网址的时候，后台到底发生了一件件什么样的事～1. 首先嘛，你得在浏览器里输入网址:2. 浏览器查找域名的IP地址导航的第一步是通过访问的域名找出其IP地址。DNS查找过程如下：浏览器缓存 –浏览器会缓存DNS记录一段时间。 有趣的是，操作系统没有告诉浏览器储存DNS记录的... 阅读全文

摘要：摘要浏览器的组件结构介绍与渲染引擎介绍目录[-]浏览器组件结构组件-渲染引擎主流程1、调用网络取到请求内容2、渲染引擎处理内容流程webkit和Geckowebkit流程图Geoko流程图浏览器主流：IE、firefox（开源）、safari（部分开源）、opera、chrome（开源）基于开源的浏... 阅读全文

摘要：一、静态网页的工作原理如下：A、用户在浏览器的地址栏输入要访问的地址并回车，触发这个浏览请求。B、浏览器将请求发送到Web服务器。C、Web服务器接受这个请求，并根据请求文件的后缀名判定是否为HTML文件。D、Web服务器从服务器硬盘的指定位置或内存中读取正确的HTML文件然后将它发送给请求浏览器。... 阅读全文

摘要：1.3使用网页浏览器网页浏览器是显示网页服务器或档案系统内的文件，并让用户与这些文件互动的一种软件。它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。浏览器就是设计者的画廊，设计者把网页放在这里展示给用户。1.3.1网页浏览器的工作原理Windows系统中自带了IE浏览器，普通用户在使用它... 阅读全文

摘要：如今浏览器能够实现的特性越来越多，并且网络逐渐向移动设备转移，使我们的前端代码更加紧凑，如何优化，就变得越来越重要了。开发人员普遍会将他们的代码习惯优先于用户体验。但是很多很小的改变可以让用户体验有个飞跃提升，所以任何一点儿小小的优化都会提升你网站的性能。前端给力的地方是可以有许多种简单的策略和代码... 阅读全文

摘要：Web性能涉及的范围太广，但一般web开发者在程序上线以后很多都曾遇到过性能的问题。普遍表现为页面速度开始急剧变慢，正常访问时间变的很长，或则干脆给你抛出异常错误页面。这里会涉及到很多可能发生的情况，举例几个最主要发生的情况：* 数据库连接超过最大限制，一般表现为程序的连接池满，拒绝了与数据库的连接... 阅读全文

摘要：除了自己总结：1. 减少http请求，2.压缩并优化js/css/image 3.尽量静态页面，从简原则 4.代码规范(详见：个人知识体系思维导图)从yahoo 新学到的：网页内容减少http请求次数80%的响应时间花在下载网页内容(images, stylesheets, javascripts,... 阅读全文

摘要：. 安装Node.jshttp://nodejs.org/download/2. 加速NPM安装npm install -g cnpm --registry=http://r.cnpmjs.org安装cnpm国内镜像, 以后所有npm命令换成用cnpm执行即可3. 安装gruntnpm instal... 阅读全文

摘要：Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是页面的部分从服务器获得请求数据。实现方式就利用页面部分刷新数据来给用户更好的体验。其中 XMLHttpRequest 是ajax的... 阅读全文

摘要：介绍 做web开发，我个人觉得必须要弄清楚浏览器的渲染过程，否则我们很难进行前端优化。 我今天就简单说一下页面加载和前端优化。页面加载我按照最简单的方式进行描述，实际上更复杂，不管是在浏览器端还是服务端，比如dns解析，代理服务器，负载均衡器等等。1、用户访问网页，发送一个http请求到网络服务... 阅读全文

摘要：在页面的加载过程中，CSSOM树和DOM树会被合并成一棵渲染树，用于计算每个可视元素的布局。同时，它也会作为绘制过程的输入参数，用于绘制屏幕上的每个像素点。优化其中的每一步都对优化页面的渲染性能至关重要。在前面的章节中，我们介绍了对象模型的构建，也就是根据加载的HTML和CSS代码构建DOM树和CS... 阅读全文

摘要：JS 和 CSS 在页面中的位置，会影响其他资源（指 img 等非 js 和 css 资源）的加载顺序，究其原因，有三个值得注意的点：JS 有可能会修改 DOM.典型的，可能会有document.write. 这意味着，在当前 JS 加载和执行完成前，后续所有资源的下载有可能是没必要的。这是 JS ... 阅读全文

摘要：why为什么要了解浏览器加载、解析、渲染这个过程？了解浏览器如何进行加载，我们可以在引用外部样式文件，外部js时，将他们放到合适的位置，使浏览器以最快的速度将文件加载完毕。了解浏览器如何进行解析，我们可以在构建DOM结构，组织css选择器时，选择最优的写法，提高浏览器的解析速率。了解浏览器如何进行渲... 阅读全文

摘要：目录 一、介绍 二、渲染引擎 三、解析与DOM树构建 四、渲染树构建 五、布局 六、绘制 七、动态变化 八、渲染引擎的线程 九、CSS2可视模型 英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers 一... 阅读全文

摘要：一、文件规范1、文件均归档至约定的目录中所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ul业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书 /css/book/电影... 阅读全文

摘要：JavaSript模块化在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。可以想象一个巨... 阅读全文

摘要：1.缩短首屏时间？模块化。base模块先加载，然后异步加载其他各模块。2.用domContentLoaded代替onLoaded。 阅读全文

摘要：HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generation ... 阅读全文

摘要：HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打... 阅读全文