摘要: 随手纪录工作中发现的细小,可能以后就不会重复的走这条老路!刚刚在工作中发现一个问题,ajax的调用异步请求会对事件有很大的影响!可能这点很多人都知道了,不过我不是写给你们看的,只是自己记录下,加深下自己的记忆。在解决这个问题之后我才想起来好像高程有这个介绍的。只怪当时没认真看而已,js是单线程的这个基本都知道。这就引发了一个事件中执行ajax的问题如图:这是事件中带有ajax的一般流程。当我们事件绑定到a标签或者是checkbox和radio等dom元素的时候,都会有一个默认的行为。如果正常的流程下我们可能就像图上面的一样绿到红到黄,但是当ajax请求的时候中间会有延迟,这段空闲的时间浏览器就 阅读全文
posted @ 2012-07-02 21:53 Jmarry 阅读(383) 评论(0) 推荐(0) 编辑
摘要: 本文主要介绍怪异的Javascript,毋庸置疑,它绝对有怪异的一面。当软件开发者开始使用世界上使用最广泛的语言编写代码时,他们会在这个过 程中发现很多有趣的“特性”。即便是老练的Javascript开发者也可以在本文找到一些有趣的新陷阱,请留意这些陷阱,当然也可以尽情享受由这些陷阱 带来的“乐趣”!函数和操作符双等号==操作符比较时会进行类型的强制转换,这意味着它可以比较两个不同类型的对象,在执行比较之前它将会尝试把这两个对象转换成同一个类型,举一个例子:"1" == 1//true然而,这样往往会误导我们,而且我们也不需要这样子来比较。在上面的例子中,我们完全可以先将字 阅读全文
posted @ 2012-06-18 22:50 Jmarry 阅读(445) 评论(0) 推荐(1) 编辑
摘要: 开个博客很简单,维护好一个博客很难,工作有点忙,已经很久没更新过了,虽然自己发的都是些皮毛的东西,但为了给以后的自己回味下曾经的自己,还是想记录下犯的错,免得下次重复的犯错。行内元素在变成块状之后在一般的chrome和ff之类的浏览器中都是会把该行内元素变成块状元素,今天在处理一个bug的时候发现在ie7下还是把该元素认作是行内元素;并当作行内元素处理;1 <style type="text/css">2 .box{text-align: center;}3 .block{display: block; width:100px; height:100px; ba 阅读全文
posted @ 2012-06-18 14:22 Jmarry 阅读(383) 评论(4) 推荐(0) 编辑
摘要: 今天看新闻的时候注意到的,其实应该说是平时的时候没有注意到,今天才注意到的,选中新闻文字原来还有这功能的。。。好吧,我OUT了。。。又发现这功能联想下好像还可以展现出更多的功能来!现在一般都有用来发微博,翻译,搜索之类的。火狐浏览器就自带了这个功能。可以结合到别的项目上。但有可能这个功能推广会不利于用户体验,感觉要是选中文字的时候一直有个东西跟着但是自己又用不到这个还是有点难受的吧!就像网易的选中纠错。。。主要是这个各个浏览器都并不都兼容的getSelection,有关于getSelection百度比我知道的更多。有不明白的可以问百度。demo:http://cowll.com/demo/Mo 阅读全文
posted @ 2012-05-20 21:48 Jmarry 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 最近一直都是做表单方面的页面,这select是一直遇到!真够我喝一壶的。为什么浏览器就不能降低点这玩意儿的等级呢?每次都为select样子跟设计稿差距很大而抛弃select,还有就是那居高不下的跟iframe有的一拼的等级,怎么也挡不住这货想要炫的面目!可能我做的这个模拟select的功能没有现在已经很完善的插件的那么强大,不过基本跟select没什么区别了,主要测了ff,webkit,ie789;样式方面见谅下...调用的话十分简单,只要页面上有select然后给select命名个id,接着js里调用;ps:Cselect('select1');new Cselect( 阅读全文
posted @ 2012-05-06 23:02 Jmarry 阅读(470) 评论(4) 推荐(0) 编辑
摘要: 可能名字起的有点大了。。。就是一个封起来的函数,网上也有很多了,我最早是在miaov上看到的。var sports=function(element,options,type,callback) { this.init.apply(this,arguments); } sports.prototype={ init:function(element,options,type,callback){ this.options = options; this.callback = callback... 阅读全文
posted @ 2012-05-01 13:41 Jmarry 阅读(437) 评论(0) 推荐(1) 编辑
摘要: 这个贪吃蛇的思路来源于网上的一位后台程序员的作品。所以作为一个思想剽窃者我也分享我的代码。首先建两个对象snake和组成snake的node对象:function Snake(){ this.direction = "down"; this.operate = []; this.head = null; this.end = null; this.status = "live"; this.speed=500; }function Node(rowNum,colNum){ //当前节点所必须... 阅读全文
posted @ 2012-04-15 00:06 Jmarry 阅读(589) 评论(9) 推荐(2) 编辑
摘要: 周末的时候本来是准备整理下网站的内容充实网站数据的,结果一个网友叫我帮忙改了点东西,之后有跟我提到了这个西街网的价格滚动的功能,感觉挺新奇的,我就试着仿了。。。估计中国山寨货多就是这么来的。。。要早点改了这毛病!手贱了。。。!回到主题,说说这个功能的事,没有封装也没有代码优化,做好了就直接贴出来了。如果有bug或者不兼容的地方还请见谅!#dragbar{ height:12px; position:relative; width:170px; top:26px; float:left;}#long_bar{ height:0.6em; border:1px solid #aaa; border 阅读全文
posted @ 2012-03-18 20:25 Jmarry 阅读(361) 评论(2) 推荐(0) 编辑
摘要: 感冒了,这周的状态很差,昏昏沉沉的!两天休息在家好好休息了下,今天又点好点了,清醒了就捣鼓了一个我安排在我的便签上的一个功能,图片的延迟加载!衷心感谢Ferris的实例网站(http://fgm.cc/learn/)!虽然没有教程,但代码都是写的非常规整的,让人看的很明白,很适合我们这种初学者学习,起到很好的引导思路的作用!首先贴上代码:window.onload=window.onscroll=window.onresize=function(){ var box=document.getElementById("body"); var allimg=box.ge... 阅读全文
posted @ 2012-03-11 19:28 Jmarry 阅读(595) 评论(1) 推荐(4) 编辑
摘要: 我相信每天都做一点对学习是肯定有帮助的,不管它是简单还是难的,今天可能比较懒,没有去做很多的学习上的事情,就下午的时候静下心来学习巩固自己,现在很多人都在模仿着做网上很多大型网站的瀑布流的效果,我也就跟随潮流。。。现在的瀑布流有两个实现的派别,我称之为浮动流和定位流!不分哪个好坏,我纯粹是个人的爱好使我向着浮动流的。。。又去淘宝上抓了点图。。。呵呵,不会收我版权费的吧!代码奉上:<script><!-- //于fgm.cc的调用函数,省事 var get = { byId: function(id) { return typeof id === ... 阅读全文
posted @ 2012-03-04 20:27 Jmarry 阅读(652) 评论(0) 推荐(0) 编辑