CSS在IE中的一些HACK

2012年04月20日

了解一下就可以了,不建议广泛使用。。。

* html #selector {} /* ie 6 */
*+html #selector {} /* ie 7 */

_property:value; /* ie 6 */
*property:value; /* ie 6/7 */
property:value!ie; /* ie 6/7 */
property:value\0; /* ie 8/9 */
property:value\9\0; /* ie 8/9 */ 某些只支持ie9【background-color:red\9\0;】,某些支持8和9【background:red\9\0;】,不建议使用
property /*\**/:value\9; /* ie 7/8/9 */
property:value\9; /* ie 6/7/8/9 */ font缩写不支持
property /**/:value; /* ! ie 6 */ 除IE6之外的所有浏览器

更多更详细的参考:http://www.swordair.com/tools/css-hack-table/

有关JS的继承

2012年03月23日
    在JS中继承是一个非常复杂的话题,比其他任何面向对象语言中的继承都复杂得多。在大多数其他面向对象语言中,继承一个类只需使用一个关键字即可。在JS中想要达到继承公用成员的目的,需要采取一系列措施。
 
    Js的继承在很多书里面细致的分了很多种类型和实现方式,大体上就是两种:对象冒充、原型方式。这两种方式各有优点和缺陷。
对象冒充继承:
【优点】可以实现多重继承;
【缺点】无法继承prototype域的变量和方法;
        所有的成员方法都是针对this而创建的,所有的实例都会拥有一份成员方法的副本,属于深copy,比较浪费资源
 
原型继承:
【优点】所有实例共用一个pototype域,性能好些;
【缺点】不能传递参数;
        注意 constructor 会指向父对象;

阅读这个条目剩下部分 »

cookie的大小的数量限制

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

阅读这个条目剩下部分 »

一个前端对设计师的诉求

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

阅读这个条目剩下部分 »

网站速度优化–个人总结

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

阅读这个条目剩下部分 »

我的财政状况

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

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

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

 

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

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

2011年12月8日

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

IE6                                      2
IE7                                      2
IE8                                      6
Firefox2                               2
Firefox3                               6
Safari 3,4                      4     
Chrome 1,2                    6     
Opera 9.63,10.00alpha     4

当然,还有HTTP1.0,不过我觉得没有必要那么做。

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

上面的数据自网络。

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

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

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

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

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

一个焦点图效果

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