2012年8月31日

转存:Yahoo前端优化十四条军规(1)

摘要: from:http://developer.51cto.com/art/201207/347525.htm相信互联网已经越来越成为人们生活中不可或缺的一部分。Ajax,flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实 现的功能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的,在性能方面,根据Yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化的。相信很多人都听过优化网站性能的14条规则。更多的信息可见developer.yahoo.com第一条、尽可 阅读全文

posted @ 2012-08-31 15:29 Crabzzz 阅读(252) 评论(0) 推荐(0) 编辑

2012年8月9日

iscroll

摘要: 阅读全文

posted @ 2012-08-09 10:11 Crabzzz 阅读(116) 评论(0) 推荐(0) 编辑

2012年7月26日

【原创】使用纯CSS3制作一个无限循环的动画

摘要: 实际效果:主要是使用了-webkit-animation如:-webkit-animation:gogogo2sinfinitelinear;其中gogogo是自己定义的动画帧,2s是整个动画的秒数,infinite是永久循环 linear是线性变化 (step-end则是无线性变化,直接输出结果)代码如下:CSS:@-webkit-keyframes gogogo { 0%{ -webkit-transform: rotate(0deg); border:5px solid red; } 50%{ -webki... 阅读全文

posted @ 2012-07-26 18:36 Crabzzz 阅读(19334) 评论(0) 推荐(0) 编辑

websocket+html5=在线游戏

摘要: 实在是太强大了!http://browserquest.mozilla.org/ 阅读全文

posted @ 2012-07-26 15:44 Crabzzz 阅读(540) 评论(0) 推荐(0) 编辑

2012年7月25日

有关appendChild和innerHTML(转

摘要: 在我们向dom页面写入一些内容时,一般我们都是既使用innerHTML也可以使用appendChild,两者功能似乎没有多大差别。很多朋友一定也对这两个东西感到困惑,今天写代码时我就想到了这个问题,两者真的没有差别吗?在网上查看了一些文章,然后再通过自己一些测试,得到了如下一些结论。1、在执行速度的比较上,使用appendChild比innerHTML要快,特别是内容包括html标记时,appendChild明显要快于innerHTML,这可能是因为innerHTML在铺到页面之前还要对内容进行解析才能铺到页面上,当包含html标记过多时,innerHTML速度会明显变慢。可运行下面的代码.. 阅读全文

posted @ 2012-07-25 21:38 Crabzzz 阅读(570) 评论(1) 推荐(1) 编辑

2012年7月21日

【原创】CSS3 制作奥林匹克五环

摘要: 其实网上对于制作五环有过例子,但是那些例子写的比较晦涩 而且注解不容易看懂,原理跟我的稍微有些差别我做了简化,代码量偏少。用了CSS3 的:after伪类实质上我感觉:after用在这里并不好用原因有:1. jquery无法选择这个伪类,比如$(".round:after")没法选择得到东西2. jquery无法选择的话,对于这个伪类的操作就不容易实现,比如动态调整css等,只能绕弯路(给head append一个<style>)3. 在chrome开发工具里 看不到这个伪类 ,实质上没有把它当做一个元素处理。所以:before 和 :after 其实还是尽量少 阅读全文

posted @ 2012-07-21 10:27 Crabzzz 阅读(510) 评论(0) 推荐(0) 编辑

2012年7月20日

CSS的伪类 :before 和 :after

摘要: 今天在尝试用CSS3做android robot的时候 (http://jsfiddle.net/crabyan/bJVHU/4/)发现了参考例子里面的一个CSS3伪类 :before :after最近对于新知识确实落后了,必须恶补:before 伪元素在元素之前添加内容。这个伪元素允许创作人员在元素内容的最前面插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。举例:<style>#test_1:before {content:url(http://static.cnblogs.com/images/adminlogo.gif)}</s 阅读全文

posted @ 2012-07-20 12:57 Crabzzz 阅读(319) 评论(0) 推荐(0) 编辑

新在此处安家。

摘要: 一个人的成长,一个人的狂欢。 阅读全文

posted @ 2012-07-20 12:26 Crabzzz 阅读(98) 评论(0) 推荐(0) 编辑

导航