博客列表
留
六月 29th, 2010 by 裕波
这曾经是一个问号,现在给我的答案是:留
如果你关注我的blog,那我感谢!
也许你还有机会,看到这一篇blog!
这也许是我最后一次写blog!
我也许准备将此blog沉封!
想了很多很多,我是否真的在这一行继续呆下去!
我感觉我的努力没有收到很大的成效!
也许为了逃避,我准备将此blog封存!
如果有一天,我醒来,blog也将随我醒来!
“我真的没有办法和乔布斯比!” 但是…..
谢谢各位兄弟姐妹们的留言!
是的,这个标题是“是去是留”,只是我需要考虑!
其实不管是去,还是留,一切都没有那么可怕!
我相信未来会很美好!
通过javascript获取VML
六月 24th, 2010 by 裕波
VML越来越流行哟,我们知道在js中,获取DOM最快捷的两个方法是ById和ByTagName.
如果你的VML有id还好办,如果没有id的话,怎么办呢?
需要通过标签来获取,可是VML的标签很怪异,是<v:….>这样方式,我最开始尝试了使用v,v:shape作为标签名去获取都没有成功,最后查了很多的资料,才发现,如果你要使用ByTagName的话,他的标签名就是冒号(:)以后的。
eg: document.getElementsByTagName(”shape”)
这样就可以获取到所有的为v:shape的标签了。
ok,记录一下。
html5时代真的来了 — 被折腾篇
六月 24th, 2010 by 裕波
表单验证,验证规则,我在很多地方看到了“pattern”这个单词!
在这里可以查看pattern的详情:http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#the-pattern-attribute
pattern是html5中,用于表单验证时,指定验证规则的属性,目前webkit核心的浏览器(google浏览器,Safari)与opear已经支持。但是据我测试google浏览器,Safari,包括opera支持都还不够成熟。
而我在最开始就提到了在很多地方都看到了pattern,也就是曾经很多人在写表单验证的时候都会用到pattern,当时是作为自定义属性在使用,包括ppk。当然ppk对这样的属性有另外的解释,他将其解决为了html与javascript中两种属性,具体如何,你们可以查证,我只是在此提一下。
今天,我在做表单验证的时候也使用了pattern,但是问题出来了,在google浏览器,Safari,包括opera中,提交不成功,原因是我的正则表达式是\S,这时候这三个浏览器不管我的js是怎么样的,死活也不让提交,并且焦点在第一个需要验证的表单控件上,经过几个小时和朋友的奋斗,终于将问题定位在了pattern上,最后将pattern这个属性修改成了ipattern,搞定。
经过反复测试,原来是因为如果我只使用\S作为验证的值的话,浏览器会认为只能传入一个字符,所以只需要将\S改成\S+即可。
通过这件事情,我想说的是,因为现在各浏览器已经开始对html5,css3进行支持,而我们还在保留着老的思想,不愿意接受这个现实,觉得真正html5,css3还有很多年会来到来,故而导致在工作中走很多弯路,看我吧,现在还没有睡觉,还有两三个小时都快到起床的时间了。
朋友们,兄弟姐妹们,同行们,大家开始行动起来吧,开始学习新的技术!
同时,希望有志愿者们一起开始翻译html5的文章,为前端这个行业做贡献,谢谢!
如果此文有什么不妥的地方,还请及时与我联系,对我进行纠正,谢谢!
应该睡觉了!
ie8打印bug
六月 18th, 2010 by 裕波
我把这个问题定义成bug,原因是在其他浏览器都是正常的,ie8却出现这种怪异的问题,究竟是什么问题呢?
其实就是关于图片整合后,打印的问题。
如果你使用了图片整合技术,并且将其插入到页面中。使用父元素定宽高,且定位,图片使用绝对定位,设置坐标的方式来显示图片的话,这时候要注意了。
在ie8下如果要打印,当这张图片是在打印的第一页结尾处引用的时候,就会出现问题了。。
也就是说因为这张图片是合并过的,事实上你在页面中看到的大小是父级的大小,如果使用打印的话,那些被隐藏掉的图片会出现在第二页。我用google的搜索做了一个测试。
图片上传不上来了哈,你们可以自己去尝试一下,如果你知道有什么解决办法,也可以联系我,谢谢!
记录一下,js的几个东东
六月 13th, 2010 by 裕波
alert(document.compatMode); 检测你的浏览器处于什么模式(标准 or 混杂),所有主流浏览器目前都支持
alert(document.documentMode); ie8下使用,其实也是检测浏览器处于什么模式,因为ie8目前支持切换三种模式:ie8,ie7,混杂嘿嘿
模式主要还是看你的声明。
.scrollIntoView(); 这个好玩,前面是你想滚动到的位置。,他就可以帮你滚动过去了。。。
(关于最开始对document.compatMode解释为标准与不标准,说得不够详细,谢谢rekey的指正!)
设计你的html结构很重要
六月 12th, 2010 by 裕波
以前很少写js,哈哈,也一直以强调结构很重要
今天,开始写js了,哈哈,在次强调,设计html结构很重要。。。
包括class的设定。。。。
打听一下,谁知道这个网站是谁的?uedqq.com
六月 12th, 2010 by 裕波
向大家打听一下,这个网站(http://www.uedqq.com)是谁的?
如果有人知道,请与我联系哟,谢谢!
培养hd,bd,ft的思维
六月 12th, 2010 by 裕波
当你拿到一个设计稿时,或者当你拿到一个页面需求时,都应该培养自己有hd,bd,和ft的思维,这样就算从js的角度操作起来也容易,哈哈哈!
js中,使用数组的方式与加号的方式连接字符串,速度问题
六月 12th, 2010 by 裕波
经常会听说,连接字符串最快的方法是通过数组的方式在使用join。。。
但事实并非如此,只是因为目前ie占据了大片江山的原因,所以要使用这种方式,其实在现代的很多浏览器,直接使用加号连接字符串比使用数组的方式更快。
所以要根据你面对的用户的群体那种浏览器多而决定使用那种方式连接字符串。
zoom:1威力无比,真是三天不练手生呀
六月 11th, 2010 by 裕波
哈,
父级设置position:relative;且有padding
自己设置为:position:absolute;
哈哈,如果自己设置为left:0;top:0;理论上应该是从padding的位置开始计算的哟
可惜,你在ie6下不会这样哟,当然这是在你的父级没有宽高的情况下哈,嘿嘿
记录一下,好久不记录了。。
功能列表
关于我
周裕波,web前端开发从业者,互联网爱好者。
gtalk:itchina110@gmail.com
@lovevfp