http://www.w3cfuns.com/notes/25068/1d0d350a974d879e63f1115cf80a3288.html…

127个常用的JS代码片段,每段代码花30秒就能看懂(上) JavaScript 是目前最流行的编程语言之一,正如大多数人所说:“如果你想学一门编程语言,请学JavaScript.” FreeCodeCamp的创始人 Quincy Larson 在最近的一次采访中被问到哪种语言开发人员应该首先学习.他回答:“ JavaScript.” “软件正在吞噬世界,JavaScript正在吞噬软件.JavaScript每年都在变得越来越占主导地位,而且没人知道最终会取代它的是什么." 如果您没有充分的理由…

1.单选框/手风琴 <script> $(document).ready(function(){ $("dd").on("click",function(){ var $this = $(this); $("dd").removeClass("selected"); $this.addClass("selected"); }) }) </script> 2.复选框 function…

html5选择器 //参数均接收一个合法的css选择器 element = document.querySelector('.foo,.bar');//返回带有foo或者bar样式类的首个元素 elements = document.querySelectorAll('div.foo');//返回所有带foo类样式的nodeList集合 鼠标滚轮事件 $('#showPic').on("mousewheel DOMMouseScroll", function (e) { ? : -))…

原始出处,可拷贝:http://www.w3cfuns.com/notes/25068/1d0d350a974d879e63f1115cf80a3288.html 摘自:http://www.loveqiao.com/archives/768  http://www.cnblogs.com/hupan508/p/5337948.html html5选择器 //参数均接收一个合法的css选择器 element = document.querySelector('.foo,.bar');//返回带有…

后端人员也免不了要处理一些前端的事情,由于代码不是自己写的,所以不好找到相关的代码. 比如在表单提交时,前端提交的数据不正确,这时候你可能会想在谷歌浏览器里添加一个鼠标 点击事件的断点. 然而查看js的调用堆栈你会发现,傻眼了,一大堆jquery或其它js库的代码. 怎么办呢? 使用浏览器自带的blackbox,即把不需要的放到黑盒里 1.先打开开发者工具,然后选择设置,如下 2.添加排除的js库,排除规则支持正则表达式 另外还有一个方法,安装一个浏览器插件VisulalEvent. 1.点击这…

// chinacoder.cn JavaScript Document $(document).ready(function() { //.filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素 // 使用has()来判断一个元素是否包含特定的class或者元素 $("input").has(".email").addClass("email_icon"); /…

我们在日常web前端开发过程中,会经常用到各种尺寸和位置.通常是js做动画的时候.轮播图,滚屏动画,粒子,碰撞检测,拖拽,滚动加载等等.这里我将常用的尺寸和位置的获取进行总结,不包括canvas,SVG. 在web页面开发中,尺寸和位置分为屏幕的尺寸和位置,元素的尺寸和位置,还有一个是文档的尺寸和位置,不过文档的尺寸和位置是通过document.body获取的,也算是一个元素.还有鼠标的位置.所以尺寸和位置主要分为三类: 屏幕尺寸和位置 元素尺寸和位置 特殊的元素,文档的尺寸和位置 鼠标的位置(…

在前端开发中,通常都需要获取并记录用户的某些操作设置,这样可以使用户下一次访问网站时不用进行重复的调整设置同一个功能. js方法的完整代码如下: var cookie = { set:function(key,val,time){//设置cookie方法 var date=new Date(); //获取当前时间 var expiresDays=time; //将date设置为n天以后的时间 date.setTime(date.getTime()+expiresDays*24*3600*1000…

web前端开发中,图片的重要性不言而喻,而由于一些图片的大小加上现在国内的网速不给力等种种原因,我们非常有必要对网站使用的图片进行压缩,压缩图片必然会带来图片质量的损失,我们要尽可能的在质量降低很小的情况下压缩图片,以便让网站更快的加载,提高用户体验度. 我在工作中,压缩图片用到了三个方法,分享给大家: 一.使用windows自带的画图工具 1.使用画图工具打开想要压缩的图片:2.什么都不用做,直接另存为你想要的图片格式,你会发现它比源文件小了很多,而且质量看不出来损失. 这个方法简单,快捷,压…