谈谈微软IE8正式版

三月 22nd, 2009

为提高网民上网的更好的体验,微软与近日发布了IE8正式版本了。就新浏览器的兼容性问题,有个大公司的公关人员说出了很多人的心声了。“微软IE8连自己的网站都兼容不了,这说明中间还是有很多问题的。”……

1、IE8网页显示不正常用“兼容性视图”搞定。

“IE8不仅采用了国际通用的网页开发标准——W3C标准(World Wide Web Consortium即万维网联盟标准),并且为了兼容基于其它网页标准开发的网站,IE8还专门提供了“兼容性视图”功能。” 你就忽悠吧,反正用IE8打开的页面乱了,责任全是人家网站不够标准。连自家的首页都需要使用IE7兼容模式显示,真搞不懂这是为什么……

2、量身定做的meta标签。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"  />

记住这个伟大的发明吧。微软专利产品。强大的功能就是让网页能够在ie8中以ie7兼容模式,而目前是上至微软官网,下至平民博客,想不麻烦,那都得加。因为微软前段时间发布的与IE8不兼容网站清单中,几乎涵盖了你每天打开的所有网站,国内的就2400个,当然像我们这些平民博客它是没有统计的,全是QQ、淘宝、腾讯、新浪等等等等了。 发布了IE8正式版,而又高喊着让大家全去加这个可笑的标签。那和用IE7有啥区别呢?

3、不兼容网站列表内置。
IE8安装时,就将上述与IE8不兼容的网站清单塞进了用户的机器,当你打开浏览器访问网页时,只要是不兼容列表中的网站,IE8会自动以兼容模式运行。所以说要想去掉那个搞笑的“兼容模式”按钮,要不就向微软妥协,加段Meta标签,要不就像百度、Google不加标签人家也自动把你拉进落后分子名单……呵呵。

4、微软总是在用一个错误掩盖另一个错误。 这句至理名言不是我说的,呵呵。说出来之后微软有人回应道:“兼容IE8比较简单,只要符合W3C标准即可,但目前国内大部分网站都是兼容的IE6的标准,所以导致在IE8/FF/Chrome下面都会变形。”

5、微软自夸IE8性能超过Firefox和Chrome。

马上就有人跳出来反驳了。原来不是最快的,而是最慢的……

6、放心地装IE8吧,该来的都来了。

人家都叫“正式版”了,咱挡是挡不住的,有些朋友怕装了IE8之后看不到IE7的显示效果的可以放心了,点一下“兼容模式”按钮是是IE7效果了,还可以打开IE8的开发者工具来调试查看IE7/IE8的差异。这东西虽然赶不上Firebug,但个人感觉还是比以前的IE Developer Toolbar要先进一些的。

做前端的朋友们,浏览器兼容问题又增加了一个测试指标了……

疯狂的保安

三月 16th, 2009

以上内容,纯属调侃。呵呵。感谢作者Sofia

也谈网页圆角的背景图法

三月 14th, 2009

网页的圆角处理,其实最开始的九宫格的表格处理是挺方便的,只是现在都不用表格布局了,自然就被非法取缔了。呵呵。

微软的有VML画圆角,由于只是它自家的特产,大家也都不用了,再有就是Javascript的处理方法,很多都会影响页面性能,大家也都不爱用了。

剩下来的,就只能是老老实实地用背景图了。常用的方法有:

1、固定高度的情况下,我们通常把背景图的宽度拉到足够大,做一个大图,如下:

2、同样,固定宽度的话,我们就拉长高度,如下:

原理都是一样的,就是2头拼凑到一块形成整体。第二种方法会因为在实际使用中图片可能会拉太长,我们一般会将它分为3块来实现,即头部、中间(1px背景垂直拉伸)、和底边。

3、以上是一般网站局部使用圆角的常见处理方法,但如果是整站的UI都很圆的话,显然上面2个常见的方法就不是很好用了,到处都是圆角,高度宽度都随意变换的情况下。我们有必要来一个兼容性更好的背景图法了。这也必然把我们带到了最开始的“九宫格”模式中去了。

同样是基于这种“九宫格”处理的思想,在代码实现上各个网站也有各自的招。

1、头、尾各用3个标签(div or span)来实现圆角,中间直接用border-left、border-right属性来补2边。

2、用一个很大很大的圆角图片,然后来个若干层div嵌套实现,道理和最上面说的拉长高度和拉长宽度是一样的,它这个是双向无限拉长,比如Facebooke的这个圆角处理的背景图片是2000*16像素的尺寸。更大的我看到就是饭否的这张1000*1000像素的了。请看例子。

3、图太大了,总难免是有点舍不得用的,那就用小图,看淘宝网首页的,实现圆角的图片圆角就是这样的。它的原理是在标准的边框实现之后,再额外地向4个角加上一张小图片去补圆,它这个做法,除了图片是小的之外,在网页加载背景图之前,也是有一个比较好的视觉呈现的。示意图如下:

具体代码请看例子

百度越来越像站内搜索引擎了

二月 6th, 2009

百度图片第一位!

百度视频第一位!

百度贴吧第一位!

百度百科第一位!

百度mp3第一位!

最近又出狠招,把百度“有啊”也搬上来了,现在还比较低调,搜手机、笔记本、服装、相机等热门关键词的时候还只是出现在第4位之后,不过看上面的图恐怕用不了多久它也到第一位了!开网店的朋友赶紧抓住机会哦,等哪天百度被狠狠地反垄断了一把就没的玩了!

唉,不厚道!

休假归来

二月 4th, 2009
祠堂前的烟花

村里今年的除夕夜放了好多烟花呀……

2个半月的丫头

这个春节由于有了老婆和丫头,家里变得热闹了很多,丫头长大了!抱她抱的现在手都还是酸酸的感觉,每天早上醒来,都会在被窝里和我玩很久,下次妈妈带你来广州的时候,应该会认人了。

最近在忙着搞一个类似web os模式的一个网站管理后台,暂时还是个雏形,让我狠狠地学习了一把jQuery,很好很强大!

2009,或许是一个新的开始!

微软开源CMS/Blog系统oXite体验分享

十二月 12th, 2008

微软于2008年12月6日在自己的开源社区CodepPex发布了首款内容管理系统oXite,目前为Alpha版本,更详细的媒体介绍大家可以Google一下oXite就可以找到,目前oXite.com/oXite.cn/oXite.com.cn等域名或官方或抢注全部没有了,说明这个东东确实引起了很多朋友的关注,今天把它下下来了,在Virtual Pc里边跑了一遍,和大家分享一下。

oXite的开发环境配置

这里有官方介绍,主要是:

  • Visual Studio 2008,用Vs2005是打不开项目的。
  • Sql Server 2005 or 2008
  • Asp.net MVC Beta,不装也打不开项目。

所以说就这几个条件,目前很多主机服务商还不能满足要求,也就是先在自己的机器上看看了,环境配置好了之后,基本上就可以用Vs2008打开了,注意打开那个Oxite.VWDExpress.sln,我试着打开Oxite.sln失败了。打开成功后设置oxiteSite为启动项,直接F5运行就可以,数据库是不需要额外去配的,直接在项目中oxite.database.mdf。这时候我们就可以看到默认的博客界面了,更多图片看这里,另外Mix Online这个网站本身就是使用oXite架设的,大家也可以由此看到一些oXite在Web前端的一些东西了。

先说我看到的亮点

  • 确实是个轻量级的,压缩包才1M多点,解压后14M左右,不像微软自己的Sharepoint那么庞大。
  • 前端支持很好,代码输出比较自主,不想Sharepoint那样,一个core.css就5000多行。
  • 项目默认加入了jQuery/Yui/tag/rss/Pingback/trackback/Gravatar/UrlRewrite等流行元素。

当然,毕竟是个Alpha版本的东西,或许是没太熟悉oXite的配置,或许是微软想像WP一样,更多的功能留给大家自己去发挥。

我看到的不足有:

  • 网站管理功能过于简单,登录进去的管理首页和未登录几乎是一模一样的,只是右侧的日志存档列表换成了Tasks:Create Post/Create Page。看到的管理后台,就仅此两项,有点惊讶。
  • Create Page成功后不能直接出u了……现在首页的顶部链接中,我没找到我新建的页面跑哪里去
  • 用户配置问题,后台啥功能没有,所以用户配置不知道是使用asp.net默认的站点管理功能来做的,还是需要补充开发用户模块的功能,系统默认的管理员数据是写在oxite_user表里的,而且管理员的Gravatar对应的邮箱也是存在这个表里边的,搞得我找了半天都不知道在哪里修改那个外国佬的Gravatar头像……
  • 网站的基本设置,主要是通过web.config和直接写入数据库来的。web.config中我大致瞄了一下,包含了出数据库连接等基本要素外,还加了一些本应该开发在后台管理功能中的站点名称、网站域名、语言设置、时区设置、Gravatar参数等。
  • 最后,很郁闷地说,到现在为止,没有成功地在Windows Server 2003 服务器上部署成功,上面的仅仅是在vs2008中直接运行看到的。

总之给我的感觉:oXite很不错,功能有待完善。这两天没事再玩玩,熟悉熟悉,国内的朋友赶紧多写点心得和经验,英文太菜了。

经典九年我九年

十二月 6th, 2008

2000年-千禧年

估计没多少朋友听过这样一首歌《当兵的历史》:

十八岁十八岁,我参军到部队,红红的领章映着我开花的年岁……二十岁,二十岁,我就要离部队,我把青春留给了亲爱的连队,连队给了我呀勇敢和智慧,从此再也不怕浪打风吹。啊生命里有了当兵的历史,一辈子都会感到珍贵。啊生命里有了当兵的历史,一辈子都会感到珍贵!

确实,虽然没有戴上大学校徽,但两年的部队生活给予了我很多很多……

2001年-辛酸打工史

虽说部队的锻炼让我成长,但退伍兵一下子面临激烈竞争的现实生活,也是处境艰难,所以这一年,我从最容易找的工作“保安”开始,经历了工厂保安、流水线工人、寿险营销、电子元器件销售等等,这是让我非常困惑、非常低迷的一年,仿佛一直在找一条属于自己的路,但一直在不断地拐弯,非常感谢我的初恋女友,陪伴我走过。

2002年-回炉充电

深深体会到了自己没技术、没学历在这个社会生存是多么的艰难,在这一年的9月我从广东返回江西,开始了我的自考之路。

2003年-学习网页制作

知道蓝色理想,应该是这一年的事情了,属于只会在这里看东西、找资料类型的。自己用Frontpage捣鼓html、用Photoshop画一些当时自我感觉良好的Banner。那时候我总觉得,啥时候我要是能学会asp+Access就牛气了……

2004年-换个角色找工作

记得2001年当保安的时候还月薪上千,在南昌找了份网页制作的工作,去面试的时候对方告诉我说,试用期450,转正600。我晕了,最后加到了试用600,转正800,我干了……这一年正式注册了蓝色ID,jxdawei="JiangXi DaWei",呵呵。

2005年-学习网页开发

总觉得自己用Photoshop太委屈了,不是我委屈,是Photoshop委屈了,所以决定不献丑了,专心写代码算了,这一年开始了javascript/asp/asp.net的学习之路,要感谢南昌那家公司的同事,教会了我很多很多程序开发的知识。更感谢蓝色理想这个无声老师,随时随地让我学习进步。

2006年-踏实工作生活

在南昌的日子,至今让我留恋,除了穷了点,工作、生活、朋友、感情一切都感觉不错。非常清晰地记得,我发在论坛上的改善用户体验之alert提示效果被推到首页技术文档的时候,我是多么的恐慌、惊喜、激动……这一年,我拿到了自考大专毕业证、有了现在这个博客、有幸当上了蓝色的版主。

2007年-怀着感恩的心

或许是自己有一点点壮大了,非常想看看离开南昌是不是能让自己赚更多的钱,就2次来到广东,来广州到现在找了2份工作,都是通过论坛来的,特别是现在这份看起来还不错的工作,如果没有蓝色理想,基本上是不可能的。加上年底第一次参加了蓝色8周年广州聚会,让我对蓝色理想有了新的认识,感受到它真的离我很近、它在让我学习进步的同时,让我认识了很多很多业内的前辈、高手、朋友。

2008年-简单幸福的生活

2008年1月2日,领取了《结婚证》。

2008年11月13日,我可爱的闺女出世了。

值此蓝色理想9周年之际,我们响应全国统一聚会号召,吹响广州聚会集结号,期待您的光临!

蓝色理想9周年聚会

聚会活动介绍 报名参加聚会

写给我的闺女

十一月 14th, 2008

宝宝:

2008年11月13日晚23点,你终于出来和你的妈妈见面了,你和妈妈都很平安,这是对我远在成都最大的安慰,没能第一时间抱你我非常的愧疚和遗憾。

等天亮了,我会尽可能以最快的速度赶回去,去看望你和妈妈。从这个月10号开始,我和妈妈都在焦急地期待这一刻的到来,下午妈妈还去医院检查了,我也决定了这个周末就回去等待你的好消息,结果晚上你就出生了。此刻,你肯定躺在妈妈身边,你出生的时候,爷爷奶奶还有大姑、二姑都在你的身边,他们在电话里告诉我说,你长得非常可爱。

宝宝,今年是不平凡的一年,是多事之秋,你在妈妈的肚子里,经历了南方雪灾、汶川地震、北京奥运、三鹿奶粉、华尔街风暴等等,我真的希望你长大后也能像在妈妈肚子里一样,能经得起大风大浪,能笑对人生。当然,现在最大的心愿就是你能健康茁壮成长!

快要当父亲了

十一月 6th, 2008

懒了,或许是满地SNS网站的影响,周围写博客的朋友都懒了。。。来记录下最近的生活吧。最大的事情,就是我马上要当爸爸了,老婆的预产期是11月16日,我激动地期待着!为母子平安而日夜祈福!

我最近在成都出差,为华为赛门铁克公司做官网改版,在华为待了快一个月了,体验了一下传说中的华为!

成都是一个我觉得很不错的城市,除了天气之外(听说全年2/3的时间天都是灰灰的,让你觉得随时都像是要下雨)。

谷歌浏览器的javascript引擎

九月 4th, 2008

 看新闻说Chrome的Javascript引擎很强大,执行速度很快。就随便写了一个1,000,000次的累加放到IE和Chrome下测试,效果果然很明显!如下图:

ie vs chrome

脚本代码很简单,就是一段循环累加的:

JavaScript代码
  1. <script type="text/javascript">   
  2. var sum=0;   
  3. var o=new Date;   
  4. for(var i=0;i<1000001;i++){sum+=i;}   
  5. var e=new Date;   
  6. document.write("从1到1000000的累加结果:" + sum + "<br />");   
  7. document.write("耗时" + (e.getTime()-o.getTime()) + "毫秒");   
  8. </script>