xiongzhengxiang的专栏

原创 seajs 模块路径查找流程

原创 spm build 打包方式

spm V0.4.1 版本，有两种build 方式 1 通过命令行，将各种参数放在build 后面，形如：     spm build xx.js --combine_all --app_url='.\'  2 通过编写配置文件：build-config.js。spm build **.js 的时候，会自动根据配置文件进行打包。          配置文件的写法，如下：

原创 javascript 设计模式学习

1 js 是弱类型的语言，各个简单数据类型的转换是： toString 可以将数字转换成字符串 parseFloat 、parseInt 可以将字符串转换为数字 !! 可以将数字转换为bool

原创 高效css的写法

浏览器从右到左进行查找的好处是为了尽早过滤掉一些无关的样式规则和元素 1 selector的性能排序    id selector > class selector > tag selector > universive selector so,key selector 决定了css 规则的性能 2 少些css rule，学习规则是可以继承的 不能继承的属性：比如border

原创 渐进增强、优雅降级

何为渐进增强、优雅降级 常用两种策略：要么优雅降级（graceful degradation，一开始就构建站点的完整功能，然后针对浏览器测试和修复），要么渐进增强（progressive enhancement，一开始只构建站点的最少特性，然后不断针对各浏览器追加功能。  两者间的（微妙）差别 万一你正挠着后脑勺，试图找出“优雅降级”和“渐进增强”之间的差别，那么

转载 Loading JavaScript without blocking

Loading JavaScript without blocking Posted at June 23, 2009 09:00 am by Nicholas C. Zakas Tags: Blocking, JavaScript, Performance I was reading Steve Souder’s blog post on loading scripts

原创 w3c performance api 学习

interface PerformanceTiming { readonly attribute unsigned long long navigationStart; //打开网页的那个时间点 readonly attribute unsigned long long unloadEventStart; readonly attribute unsigned long long

原创 浏览器关键时间点计算

通过netlimiter 等工具，限制网络速度，我们可以看到页面是慢慢打开的，这个从直观的角度，说明了浏览器是边下载内容，边进行渲染的。 下面讲讲在渲染过程中，几个关键时间点的计算 1 startRender time startRender time 是指从浏览器发出请求，到head解析完毕的这段时间。由于网络请求涉及到网络和服务器的内容，从前端优化的角度，我们将startRender t

原创 Raphaël 学习

1 fire a  event 的方法 场景：当我们要显示调用某个元素的事件时 raphael 对象保存了一个事件数组，数组元素的name属性表示事件的类型，数组元素的f方法，表示对应事件类型的所有绑定的方法。如下，触发click 事件的方法 function triggerClick(element) {     for(var i = 0, len = element.events.

转载 浏览器的加载与页面性能优化

本文将探讨浏览器渲染的loading过程，主要有2个目的： 了解浏览器在loading过程中的实现细节，具体都做了什么研究如何根据浏览器的实现原理进行优化，提升页面响应速度 由于loading和parsing是相互交织、错综复杂的，这里面有大量的知识点，为了避免过于发散本文将不会对每个细节都深入研究，而是将重点放在开发中容易控制的部分（Web前端和Web Server），同时由于浏览器

转载 HAR 规则说明

HAR 1.2 Spec This document is intended to describe a HTTP Archive 1.2 (frozen) format that can be used by HTTP monitoring tools to export collected data. HTTP Archive v1.2 One of the goal