关注LAMP技术,关注前端技术,关注健康!

javascript中的关键字和保留字

Tags:

今天在给一个对象添加名为enum的方法时,在IE下发生了错误,当时有点奇怪,然后想了下估计是javascript中关键字的问题,将名称替换了下,确实就没有问题了。现在将它的关键字和保留字贴出来,便于日后查看和避免在次出现类似的问题。

查看文章全部内容 »

各个浏览器对于加入不规范的节点的不同

Tags: ,

本文讨论的是在DOM中加入不规范的节点后各个浏览器表现的不同的方式。例如:在一个div中添加,对于加入option节点,规范的形式是外部被<select>,</select>包围。下面讨论几个加入的方式在不同的浏览器下表现的不同结果。

查看文章全部内容 »

浏览器下通过childNodes获取文本节点的nodeValue问题

Tags: , ,

首先给出一小段HTML代码

<div id="father">
    
<div id="first">I am first</div>
    
<div id="second">I am second</div>
    
<div id="third">I am third</div>
</div>

对于如上的HTML代码,如果我们想获取里面的文本内容,也就是我们想得到的结果是I am firstI am secondI am third,有两种处理方法。第一种方法就是获取ID为father的元素的innerHTML,然后通过正则将里面的tag标记去掉就可以了。第二种是比较正规的使用childNodes来处理。第一种处理方式比较简单也很容易,这里就不在过多的描述。第二种处理方法如果处理的不当的话,就会出现奇怪的问题,并且还得不到任何的结果。(这个问题我折腾了一天)
查看文章全部内容 »

第一天上班

Tags: ,

9月7号,从美丽的家乡来到杭州,希望在这里找到一个比较满意的工作,也喜欢在这里发展。由于对自己的技术方面很自信,陆续谈了好几个,最终因待遇方面的问题放弃了,但时间也一天天的过去,过年的脚步声也慢慢朝我们走来,加上越来越严重的全球经济危机,我不得不屈服于杭州的待遇情况。

前端时间全速网络在招人,一个刚来杭州时认识的网友曹仁就把我推荐给他们,说一个前端技术爱好者正在找工作。当时我正在合肥,回来后给全速网络负责的经理打了个电话,然后就是去面试。一看到面试的题目,我就满生奇怪,怎么题目都是关于阿里巴巴的,后来跟他们谈的时候,才知道他们公司的人员一部分是自己在做产品,另一部分是给阿里巴巴做外包的,但工作地点和管理都是由阿里巴巴负责。先是去阿里巴巴日文站面试下,他们肯定我的技术但是由于我在工作经验方面比较缺乏最终没能如愿以偿,所以就去了阿里巴巴中文站,当然面试的时候就给我一个比较肯定的答复。

查看文章全部内容 »

4年的大学生活,QQ差不多有3年在线。。。

Tags: ,

今天不经意间看了QQ的在线天数,竟然有1019天了,还有1天就可以升到30级了。猛然间想起了很多往事,在此记录一下。

大学之前,我并没有接触过电脑。上了大学,由于之前经常接触到痴迷于电脑害人的故事,开始的时候还是对它敬而远之,在大学第一个国庆节的时候,寝室的老大给我弄了个QQ,当时去机房上网,不知道浏览器,也不知道怎么用QQ,当时好像还是QQ弹出的新闻窗口看了一点的新闻。大一下学期的时候那个号码被人盗了,后来就自己重新弄了个,也就是现在的号码了,慢慢的就喜欢上了上网,喜欢了看电影,玩游戏,看网页,看程序,学PHP,逛论坛等等一系列的事情。那个时候QQ等级还不是按天算了,是按小时算的,于是网上有很多挂QQ地方,并且也乐此不疲的挂过一段时间。后来自己买了电脑后,QQ几乎天天都在线了。以至于现在有一千多天的在线时间,大学4年的生活差不多有3年的在线时间啊。也算是个QQ的忠实用户了,当然可能有人比我更厉害的,呵呵

当前流行js框架比较

Tags: , , , , ,

我们知道,当前流行的js框架有prototype、 jquery、mootools、YUI、 extjs等,那么他们的流行程度到底怎么样呢,下面左一个简单的分析。

我们可以通过google trends对这些框架的搜索作一个比较,下面是趋势图:

从上图中我们可以看到,jquery当前被搜索的次数是最多的,prototype和YUI出来的较早,mootools和extjs也在慢慢的受到更多的人关注。

我们也可以通过搜索引擎的收录情况和网站排名对这些框架的流行程度有个大致的判断,当然这个比上面的判断要差一些,但也可以说明一些情况的。

 
google收录/反相连接
alexa排名
prototype
353/1780
118301
jquery
152000/3980
58712
mootools
8130/1780
186577
yui
1700/2100
——-
extjs
294000/1080
62169
从上面的表格中,我们也看到jquery的流行趋势十分明显。

关于firefox3的智能地址栏

Tags: ,

firefox3不光在性能上有很大的提升,在地址栏智能提示上也做了大量的工作。但我自存使用firefox3开始就一直受不了它的智能地址栏,憋了这么长时间,实在忍不住了,记录下来心里会舒服点。下面我们通过例子来说明firefox3只能地址栏提示两点不足的地方,希望以后的版本中进行改进。

第一:如果以前访问了www.google.com,maps.google.com,video.google.com这些页面时,浏览器会记住这些页面。当我们输入google想进入到www.google.com页面时,firefox3并没有提供给我们快捷的方式,它显示的第一个地址提示是maps.google.com,而不是我们希望的www.google.com。并且由于URI下有小字的描述说明,有时会干扰我们的实现就会不经意间选择了第一个,到达的页面当然不是我们想要的。

第二:如同上面,即使第一条提示的URI是我们想要的,地址栏中当前显示的并不是第一条的地址,这时我们还要一次按enter的按键操作将第一条的URI键入到地址栏中,这在用户体验上是多余的,我们不希望有这种繁琐的操作。

以上两点chrome做的非常的好,希望firefox的以后版本中进行改进,由于这些小的用户体验问题,现在渐渐喜欢了chrome,虽然它有时候露出死脸给我。

setInterval,chrome表现最好

Tags: , , ,

随着越来越多的富互联网应用的出现,网页动画作为一个比较常见的应用,适用的范围十分广阔。由于用户机器和客户端js执行能力的限制,实现一个好的动画类库对于动画应用来说至关重要。

我们知道实现一个动画类库,必须要用到的函数就是定时器函数setInterval了,我们希望通过这个函数定时的执行某个回调函数,但是这在各种浏览器下表现并不是相同,幸好目前对这一情况要求并不是很高。例如:我们设置到4000ms范围内每隔20ms执行某个回调函数,那么理论上执行的次数是200次,但实际情况并不是如此。google的chrom浏览器在这上面表现的很好,完全可以达到200次,但其他的浏览器就不行了。Firefox为190+,IE、Safari、Opera等只为130+。考虑到定时的时间20ms很短,我们将其增大后,但其他的浏览器还是不尽如意。幸好我们对执行次数没有很高的要求。