首页> jquery

前端项目一期code review问题总结

分类:前端开发,笔记碎片2016-07-03阅读:(1275)标签:javascript, jquery, 经验
这次项目开发第一期结束,团队进行了code review,代码写得比较low,总结leader和爝爷的点评。需求分析要搞清楚,理清所有大小点需求,才能更清楚的去划分模块。团队中通用的一些组件或插件,最好使用统一的。这次我自己写了几个组件和jquery插件,都是自己用的,日期格式化的插件本来有公用的,但我使用了自己写的,这不利于项目的后期维护,以及增加了项目代码体积。把节点保存到变量里,jqu...

ajax获取json文件数据遇到的坑

分类:前端开发2016-01-09阅读:(769)标签:javascript, ajax, jquery, json
今天做ajax访问json文件数据的时候遇到了灵异事件,首先,对于XX.json文件的使用,我是第一次。好吧,也不是灵异事件,只是经验不足造成的错误。先来个简洁版的案情重现。页面中的一些数据需要通过接口获取,这里的数据放到了xx.json文件里,当然,通过ajax请求的就是这个xx.json文件了。ajax请求是用的jQuery的$.ajax()方法,既然是填坑,就针对坑来说,代码如下:&l...

jQuery中mouseover事件跟mouseenter事件的区别

分类:前端开发2015-11-27阅读:(586)标签:javascript, jquery
jQuery中mouseover事件跟mouseenter事件的区别:mouseover/mouseout事件,鼠标经过的时候会触发多次,每遇到一个子元素就会触发一次。mouseenter/mouseleave事件,鼠标经过的时候只会触发一次。以前用mouseover/mouseout做效果,结果出现抖动,还取消冒泡什么的,麻烦,然后弃用,改用hover,以前没仔细看文档,也没用过mouse...

阻止事件冒泡和默认事件

分类:前端开发2015-06-04阅读:(3874)标签:javascript, jquery
在元素标签嵌套中,可能会有各级元素绑定了不同的事件,例如<dt><a>标题</a></dt>,a标签绑定了事件,dt也绑定了事件,如果促发a的事件,则会冒泡到dt上,dt的事件也会被触发。阻止事件冒泡,用e.stopPropagation();$('dt').click(function() { $(this).toggleClass('on...

Js从一个框架里跳转到另一个框架里

分类:前端开发2015-03-12阅读:(610)标签:javascript, jquery
<p>最近在做自己网站的后台管理界面,需要在html框架集里top.html里点击超链接,让left框架和right框架都同时跳转并显示对应的页面。</p><p>用a标签的target属性只能控制一边的,a的targer=“leftFrame”,rightFrame就没属性控制了,这时需要JS帮忙了。</p><p>同时给a标签或者对...

JQuery图片延迟加载

分类:前端开发2011-10-24阅读:(573)标签:javascript, jquery
<p>现在很多图片量大的网站都采用了一种技术,让打开的网页只显示一部分图片,当浏览者需要浏览后面的图片,拖动滚动条,图片进入可是区域后,才加载图片。这种方法大大的减少了网页打开的时间。淘宝等网站都使用了这种方法。</p><p>图片延迟加载</p><p>现在的网站一般都有用到jquery,在做图片延迟加载时,我们在jquery基础上,...

Jquery渐变效果函数之fadeIn,fadeOut和fadeTo

分类:前端开发2011-09-01阅读:(846)标签:javascript, jquery
<p>我们来看看jquery是如何实现淡入 淡出效果的.</p><p>fadeOut(speed,callback)</p><p>通过不透明度的变化来实现所有匹配元素的淡<span style="color: #ff0000;">出</span>效果,并在动画完成后可选地触发一个回调函数。...

jQuery对象和DOM对象的相互转换

分类:前端开发2011-04-02阅读:(562)标签:javascript, jquery
一开始学jQuery就应当树立正确的观念,分清jQuery对象和DOM对象之间的区别,之后学习jQuery就会轻松很多。在讨论jQuery对象和DOM对象的相互转换之前,先约定好定义变量的风格。如果获取的对象是jQuery对象,那么在变量前面加上$,例如:var $variable = jQuery 对象;如果获取的是DOM对象,则定义如下:var $variable = DOM对象;1、j...
前端开发,笔记碎片