cookie的大小的数量限制

二月 19th, 2012
 
cookie的总数量没有限制,但是每个域名的COOKIE数量和每个COOKIE的大小是有限制的!
一、浏览器答应每个域名所包含的cookie数:
  microsoft指出internetexplorer8增加cookie限制为每个域名50个,但ie7似乎也答应每个域名50个cookie
  firefox每个域名cookie限制为50个。
  opera每个域名cookie限制为30个。
  safari/webkit貌似没有cookie限制。但是假如cookie很多,则会使header大小超过服务器的处理的限制,会导致错误发生。
  注:“每个域名cookie限制为20个”将不再正确!

Read the rest of this entry »

一个前端对设计师的诉求

二月 14th, 2012
首先声明,这是一篇和谐帖。。。目的在于提高设计与制作的合作效率,帮助设计师了解制作的想法,提高团队战斗力。如其中有用词不当的,请设计师承让,其他制作也可将自己的心得回复出来。另外,也请制作的同学们反省自己的不足。
 
 
对于不确定性因素考虑周全问题:
        例1:评论模块,显示评论的文字,显示多了怎么办,显示评论的条数,显示评论者的昵称长度问题等等。  假设现在有现在有300×200的一个模块,你应该怎么设计评论内容呢?
 
        例2:一个互动的操作是否需要登录,登录框要在页面显示还是在弹出层中,还是跳转?显示的样式是什么?登录成功后显示什么。这些都应该考虑一下。。。
 
        例3:链接:hover的效果,按钮鼠标滑过的效果,这些是否需要,不设计出来将默认为不需要,建议,至少链接要有hover。。。如果您已经设计了hover状态的样式,请确保别人看了可以知道那个是正常样式,那个是hover样式【例如:在hover样式上面放个小手】
        例3反例:曾经见过一个TAB模块有三个页签,搞了红、绿、灰三个颜色并且没有任何注释,苍天哪,我要不问需求方哪里还知道这是一个TAB页签啊,红绿灰三个颜色鬼知道是干什么用的
 
重用性的考虑:
        模块装饰的通用性和统一性,例如一个模块的标题背景或者边框可以延伸使用到多个模块中【重用性越高,效率越高】
 
        相同模块的大小统一、间距统一,极力推荐:相信科学,切莫完全依赖肉眼。。。请实用工具【重用性的分支】
 
        相同可循环模块或者边框的颜色尽可能的统一
 
        大型渐变背景请保持颜色的一致性【例如:做了纵向的线性渐变,可最终的效果左边开始和右边结束的颜色有差异,亲!这样的背景无法被循环,咱们还达不到韩国的网速,请尽可能使用可循环背景】
 
        在使用“变亮、叠加、差值”等图层效果的时候请考虑一下是否会影响到页面其他地方的效果,上述背景左右不同很多都是因为这样的原因造成的,还有使用半透明蒙版、大面积羽化等等都需要注意是否影响其他地方
 
        您在平铺背景的时候请保留一份单元图出来,前端的小朋友们也需要用

Read the rest of this entry »

网站速度优化–个人总结

二月 12th, 2012
网站速度优化–个人总结:
 
静态化【必须的,可以大大提交响应速度】
 
看看那些活动的时间消耗最大,最有优化前景【布局、渲染、HTML、调度、DOM、格式化、JScript、其他】
注释:《高性能网站建设进阶指南》是这样讲的,个人认为也是合理的,但还没有找到合适的工具来检测具体活动的开销。目前只能靠经验和浏览器开发者工具来判断哪些活动开销较大来具体优化。
 
 
减少HTTP request【合并图片、css、js等】
启用CDN技术【运维部门负责】
启用GZIP压缩【服务器实现】
启用多域名【除主域名外再启用1至多个顶级域名用于下载资源文件,这样可以增加网站的并行加载数,以及避免主域名的cookie来回传递】
启用缓存机制【不变的文件长期缓存等等,根据变更率设置缓存级别】

Read the rest of this entry »

我的财政状况

二月 5th, 2012
2012.2.5 我的财政状况
 
总收入: 100%
 
房租: 26%
 
房贷: 37%
 
投资: 11%
 
存款: 0%
 
旅游: 0%
 
应急: 3%
 
购物: 3%
 
日常刚需: 20%
包含【吃饭、抽烟、交通、通讯】
 
 
目前仅计算实际到手的数额,税金、保险、公积金等不在本次计算范围内
 
 
我想我应该降低日常刚需、房租、房贷的比重,填补几个零比重的项目,提高投资的比重。
 
 
我要改变!一定!!!并且以最快的速度。
 
 

利用windows桌面小工具开发的目标提醒组件

一月 3rd, 2012
新年新气象,2012的计划大家写了没有,没有的赶快哈!
有条件的可以和我一样,利用windows桌面小工具开发一个专属于自己的目标提醒组件,功能任意哈,有什么想法都可以加进组件。
参考资料:http://apps.hi.baidu.com/share/detail/19091126
很简单,只需要HTML、CSS、JavaScript基础就可以开发。

 

下面是我画的一个简单的工具:
利用windows桌面小工具开发的目标提醒组件
希望大家有更好的发挥,将windows的东东利用起来。

关于多域增加浏览器并发来提高网页打开速度的话题

十二月 8th, 2011

了解过网站速度优化的同学可能会了解到,浏览器是有并发数限制的:
下面是主流浏览器在单个主机下的并发连接数:

Browser      HTTP/1.1    HTTP/1.0

IE 6,7                2                 4

IE 8                  6                 6

Firefox 2          2                 8

Firefox 3          6                 6

Safari 3,4         4                 4

Chrome 1,2      6                  ?

Chrome 3         4                 4

Chrome 4+      6                  ?

iPhone 2          4                  ?

iPhone 3          6                  ?

iPhone 4          4                  ?

Opera 9.63,10.00alpha         4          4

Opera 10.51+                       8           ?

我们更多关注HTTP/1.1,因为1.0已经过时了,哈哈!
    HTTP 1.0 规定浏览器与服务器只保持短暂的连接,浏览器的每次请求都需要与服务器建立一个 TCP 连接,服务器完成请求处理后立即断开 TCP 连接,服务器不跟踪每个客户也不记录过去的请求。
    HTTP 1.1 支持持久连接,在一个 TCP 连接上可以传送多个 HTTP 请求和响应,减少了建立和关闭连接的消耗和延迟。
    HTTP 1.1 还允许客户端不用等待上一次请求结果返回,就可以发出下一次请求,但服务器端必须按照接收到客户端请求的先后顺序依次回送响应结果,以保证客户端能够区分出每次请求的响应内容,这样也显著地减少了整个下载过程所需要的时间。
关于HTTP/1.1和HTTP/1.0更多信息参考:http://blog.csdn.net/mqboss/article/details/5158858

下面一个测试并发速度的页面:
http://stevesouders.com/hpws/parallel-downloads.php

上面的数据自网络。

其实在我们的SNS【有料】项目中也采用了这个增加并发的相关方法,其中我们就采用了image.u.china.com域来加载部分资源文件。

但有不足的地方,这里提出几点个人意见:
1、首先根绝我们有料个人首页的加载量,本人认为同时启用3个与为最佳,如果能确定3个域的解析速度一样快,随便选两个在首屏中加载文件,如果不确定,尽可能的选两个解析较为稳定的放在首屏加载文件;
2、这点是比较重要的,我们的有料就犯了这样的错误,启用增加并发的域时请尽量启用新的顶级域【主域cookie污染太严重】,然后不管需要划分多少个域,只需要开设新顶级域的二级域即可。

暂时只想到了这两点,以后有别的想法时再补充。

Notepad++的FunctionList(函数列表)插件中文版下载

十二月 5th, 2011
分享一款Notepad++的FunctionList(函数列表)插件,应该V5.×的都可以用。
 
 
 
2.下载上述文件后,将其中的FunctionList.dll解压到Notepad++安装路径的plugins目录下即可。
 
3.重新启动Notepad++,看一下是否在“插件”菜单下出现了“函数列表”的子菜单?选择“列表…”或点击工具栏上的红色小图标就可以显示函数列表了!而且是中文版的~
 
 
原文:http://apps.hi.baidu.com/share/detail/19755444

一个焦点图效果

十二月 1st, 2011
前段时间在google+溜达,看见了下面这个效果,于是乎,哈哈!就模仿了一下,唉!自己没有创意,只能模仿。
 
 
飞翔的焦点图
 
 

对于手机用户的一些胡说八道

十一月 29th, 2011
中国有7亿手机用户,亚太地区智能手机占有比率是19%,中国可能会更低。
 
按19%计算,中国智能手机占有比率是1.33亿,根据中国实情,感觉1亿都难以超过,暂且估算1亿。
 
根据我在地铁里面观测上班族们在碎闲时间使用手机大约干如下事情:
玩游戏(20%);
社交类[sns、QQ、微博](30%);
读书看新闻和其他(50%)。
 
然后,据我估算,地铁里面每一个人都有手机,而拿出手机操作的人却占不到50%,我不知道有智能手机却不拿出来玩的人有多少,我们暂且按80%的人都会拿出来玩计算。
 
地铁里面每一个时间段所占有的比率是不同的,以上信息是所有时间段的估算。
 
开始计算:
1亿的80%是8000万,也就是说会有8000万的手机用户会在琐碎时间拿出手机来玩;
其中有:玩游戏(1600万),社交类(2400万),读书看新闻和其他(4000万)。
来看玩游戏的:1600万人中假设有30%的人会对在线游戏感兴趣,也就是说会有480万人会选择玩在线网友或者对这个感兴趣;
 
480万人中假设有80%的人拥有网络条件或者其他必需条件,支付得起网费等等,也就是说有384万可能会玩网游;
 
384万 假设同时推出10款手机网游,把人均分【当然,这只是理想化的数据】,也就是说可能会有大约38万人玩一个网游;
 
38万人中假设真正玩进去的有效用户达到30%,会有11.4万人;
 
11.4万人中有10%的人会成为网友付费用户,也就是大约1W人会付费;
 
假设这1W人每天给这个游戏投资1块钱,那么一个游戏一天的收入是1W块,苍天哪够不够公司租办公室前啊,还是个人运营吧!!!!
 
不敢算了,不过看社交类的技术大一些,并且门槛低一些,还是值得发展的。
 
其实我这些都是一些想当然的胡说八道,我就这么一说,大家就这么一看,至于其他思索再议。
 
想说的是今天的手机开发重点可能在于怎样让用户感兴趣,怎样让他拿出手机来玩,怎样让他愿意为了玩而换一部智能手机。
 

JavaScript 闭包(Closure)

十月 12th, 2011
闭包的概念:
所谓闭包,即是由函数和与其相关联的引用环境组合而成的实体。
所谓引用环境是指在执行程序中的某个点所有处于活跃状态的约束所组成的集合。其中的约束是指一个变量的名字和其所代表的对象之间的关系。那么为什么要把引用环境和函数结合起来呢?这主要是因为在支持嵌套作用域的语言中,有时不能简单直接的确定函数的引用环境。这样的语言一般有如下特性:
    a、函数是第一阶值(First-class value),即函数可以作为另一个函数的返回值或参数,还可以作为一个变量的值。
    b、函数可以嵌套定义,即在一个函数内部可以定义另一个函数。
上面的叙述比较概念化,下面通过例子来解释闭包
//code1:
function makePowerFn(power){
 function powerFn(base){
  return Math.pow(base, power);
 }
 return powerFn;
}
var square = makePowerFn(2);
alert(square(3)); // return 9
 

Read the rest of this entry »