- 博客(20)
- 资源 (2)
- 收藏
- 关注
转载 从用户体验出发的性能指标分析-DOM Ready
如何在持续升级的项目中保持项目的高性能?如何更加准确的定位和解决性能问题?实际上,WPO的最主要目的是改善用户体验,而用户体验的好坏则可以根据几个核心性能指标来衡量。从用户体验出发的几个核心时间指标包括:Start Render、DOM Ready、Page Load、TTI。不同的性能指标对用户体验的影响是不同的,而指标本身受哪些因素的影响也是不同的。优化某个指标又该具体采用什么样的方式?接
2012-08-30 09:26:11 1291
原创 浏览器显示页面的几个关键时间点
一 开始渲染阶段的时间点: 1 TTFB(Time To First Byte) 发起请求到服务器返回数据的时间 wiki(Time To First Byte or TTFB is a measurement that is often used as an indication of the responsiveness of a webse
2012-08-30 09:21:09 960
转载 周鸿祎:什么是好的用户体验?
摘要:1 超过用户的预期2 体验是可感知的3 注重细节内容如下:说今天是一个体验为王的时代,一点也不过分。做大众消费品的人可能已经感觉到,今天消费者的话语权越来越强,如果你的产品做得好,不久就会口口相传;如果你的产品做得烂,不久就会骂声一片。所有这一切在过去是不可想象的。但今天,每个人都可以发布信息,每个人的声音即使弱小,也总能被别人听到。在
2012-08-29 09:57:39 2923
转载 搜狗,"中公司"的焦虑与攻略
昨天(8月17日),奇虎360上线了它的网页搜索。此前一个星期,周鸿祎接受媒体采访还在谈“没有想好做什么样的搜索”, 几天后,360打响了搜索第一枪。几个小时后,国内搜索市场占有率第二、超过7%(百度占有率80%)的搜狗出了份评测报告,CEO王小川随之在微博上转发了这份报告。报告显示,上线第一天的360搜索,整体搜索效果在腾讯搜搜之上,次于百度、搜狗与谷歌,而热搜词效果仅次于百度与搜狗。
2012-08-23 09:58:00 5382
原创 ssi include 用法
ssi (server side include),将内容发送到浏览器之前,可以使用“服务器端包含 (SSI)”指令将文本、图形或应用程序信息包含到网页中Include 命令可以把其它文档中的文字或图片插入到当前被解析的文档中,这是整个SSI的关键所在。通过Include命令只需要改动一个文件就可以瞬间更新整个站点!Include 命令具有两个不同的参数:Virtual:给出到服务
2012-08-22 16:31:44 2370
原创 spm 我经常用到的命令
spm build file --combine_all --app_url ./spm bulid 寻找配置的先后次序:package.json seajs.config
2012-08-22 14:31:28 1304
转载 以Facebook为案例剖析科技公司应有的工具文化
编者按:本文由@王淮Harry哥 撰写,摘自他即将出版的新书。王淮是Facebook早期员工,中国藉第二位工程师第一位研发经理,点这里关注他的新浪微博。前言前段时间和大众点评的CEO张涛聊天的时候碰到内部工具这个话题,我们都非常推崇一个优秀的技术公司应有有一个非常强势的工具文化。在工具上,我有很深的体会,我说那不如我把我的理解通过Facebook的一些实践例子来阐述一下,希望对科技
2012-08-21 19:03:51 3799
转载 web app 是什么?
Web Apps的特性Web apps可以和电子表格,文档编辑器一样复杂,也可以和待做事项管理器一样简单。不管它是什么,它都必须完成某些事情。Web App重新定义了“上网”的含义;web已经成了网站和应用的混合。下面是用来区分web apps和网站的三点要素:1.一个web应用提供了很好的用户体验,让用户能很容易地完成任务,并利用了设备本地的一些性能。2.一个we
2012-08-21 18:53:42 1080
转载 2011年30家最能赚钱移动互联公司排行榜
总部地点: 广州创始人: 刘泳投资方: 不详融资金额 : 不详2011年收入: 超过5,000万元商业模式:该公司也是从WAP时代开始淘金的公司之一,但较早将重心放在手机游戏上,并借助身处广州的地利率先与腾讯在手机游戏上展开合作,在MMORPG手机在线网络游戏、在线互动KJAVA游戏等领域形成特色。其注册用户超过1,000万,《幻想西游》是其代表作。
2012-08-21 09:51:22 7984
原创 前端工具-倚天屠龙
1 css sprite 工具 gopng 地址:http://alloyteam.github.com/gopng 推荐理由:html5 实现,支持拖拽图片哦 bg2css 地址:http://www.cssforest.org/blog/index.php?c=bg2css 推荐理由:没有用过,做个记录2 js测试工具 jasmine
2012-08-10 19:08:58 674
原创 跨域访问变量的方法
问题: 页面A 的domain为:www.a.com。A页面里面嵌套了一个B页面(www.B.com)。B页面里面有多个tab,每个tab,会引起B页面的高度改变。所以当页面tab改变的时候,需要通知A页面,并让A页面中的iframe 高度随之改变。解决办法:B页面要跟A页面通信,而A、B页面的域名不一样。所以我们让B页面嵌套一个iframe 页面C。这个iframe 页面
2012-08-10 17:30:38 823
原创 seajs 学习笔记
1 获得依赖模块的方法 seajs ,通过以下途径获取依赖模块。模块定义时,是否定义了依赖--->已定义,则返回,否则,继续--->将函数文本化,factory.toString(),通过正则匹配require中的依赖模块,提取,返回数组seajs 在获取到模块后,会递归调用依赖模块。所以在通过spm压缩代码后,因为require关键字被压缩
2012-08-10 15:09:04 494
转载 说说瀑布流式网站里那些可人的小细节
瀑布流式布局,想必设计师们已不再陌生,随着pinterest自2011年开始走红,瀑布流式的布局被越来越多的网站所使用。花瓣网、堆糖网、布兜、发现啦,美丽说,蘑菇街,人人逛街,凡客达人等,复制Pinterest的网站在中国蜂拥而现,粗略估计已有几十家之多。为什么选择瀑布流?既然pinterest式蜂拥而现,我们先从体验角度看,瀑布流布局为什么好?笔者浅见。随着读图时代快餐式消费
2012-08-10 09:59:31 686
原创 mouseover mouseout 事件中的target 对象 relatedTarget 对象
在鼠标操作中,有两个特殊的事件,事件发生时,会有两个对象被转入其中。没错,就是mouseover 以及 mouseout。这两个事件都会涉及把鼠标指针从一个元素的边界之内移动到另一个元素的边界之内。对mouseover事件而言,事件的主目标是获得光标的元素,而相关元素是那个失去光标的元素。相反,mouseout事件,事件的主目标是失去光标的元素,而相关元素则是那个获得光标的元素。
2012-08-08 19:15:58 1694
原创 让ie6 支持console.log 的插件
1 安装debugbar2 安装下面的插件 http://www.my-debugbar.com/wiki/CompanionJS/ConsoleAPI
2012-08-08 19:05:58 1658
转载 seajs的spm使用摸索
前言seajs自带的spm打包工具相关文档略少,在粗读了一点源代码之后,我摸索出了spm使用上的一些要点,记录为此文 压缩JS文件只需要执行这个命令即可spm build xxx.js这时候你将得到一个压缩过的__build/xxx.js文件合并JS文件如果希望将JS文件中require的其他模块都合并到这个文件中,
2012-08-06 17:36:43 686
转载 SeaJS 里版本号和时间戳管理的最佳实践
用 seajs 组织项目,上线后,经常需要更新特定文件或所有文件的时间戳,以清空浏览器缓存。最简单的方式是:define(function(require, exports) { var a = require('path/to/a.js?20110801');});这种方式很简单直观,弊端也很明显:文件一多,时间戳会分散在各个文件,维护起来不方便。第二种方式是利用 alias
2012-08-03 09:29:50 1731
原创 js 中 throttle 的实现
在用户对按钮频繁的点击时,为了避免按钮事件频繁响应,一般采用的方法是:如果两次操作的时间间隔大于阈值,则响应,反之,则不响应以下是thottle 的一种实现方式function throttle(fn,ms){ ms = ms || 200; var th_timer; function f(){ f.stop();
2012-08-02 20:13:25 1777
转载 关于图片的那些事
在网站优化中,如果图片优化得好,不但可以提高页面的加载速度,提升网站的用户体验,而且还可以通过图片优化来节省网站的带宽。那么作为页面构建工 程师应该采用什么方法来优化图片,既能保证UI的还原度,又使图片最精简呢?下面我就个人经验,来简单介绍一下图片优化的方法,首先我们了解一些图片方面 的知识:1. 矢量图与位图。 矢量图:缩放、旋转不失真的图像格式,不管你离多近去看都看不到
2012-08-02 19:04:32 653
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人