玲儿灵

摘要： 一、静态网页的工作原理如下：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 ... 阅读全文