js

by zhangxinxu from http://www.zhangxinxu.com 本文地址： http://www.zhangxinxu.com/wordpress/?p=987 一、如火如荼的团购网站 根据易观国际提供的统计数据，截至2010年6月，中国市场团购网站数量已经突破400家。国内团购潮从今年2月份开始出现，在4~6月出现高峰，尤其是今年5月，一些大的网站如爱帮网、开心网都加入到团购中来，F团、团宝、酷团、515团购、1288团购、拉手、24券、满座、窝窝、满堂网、糯米网、第一团购等也纷纷上线。预计年底，我国团购类网站的数量将达到1000多家，甚至有业内人士称“一天之内会有三到五家新的团购网站诞生”。俗称“千团大战”。 据说王兴的美团网上线4个月就盈亏平衡了，还有，貌似企鹅、点评也来插足了。 不过这类团购网站是死是活、孰好孰坏不管我鸟事，我所关心的是一些让我感兴趣的前端内容，比如说，这类团购网站的倒计时。 虽然有的横着睡觉，有的竖着休息，本质上都是一样的，一样的阿拉伯数字，一样的一秒一变化。本文内容就是展示如何在前端使用js实现倒计时的UI效果。 二、demo与效果展示 为节约时间，我就直接套用了企鹅团的界面作为demo的背景。因为是倒计时，所以需要一个固定的时间，为了n年后，某位仁兄打开demo页面依然在倒计时

var date1=new Date(); //开始时间 alert("aa"); var date2=new Date(); //结束时间 var date3=date2.getTime()-date1.getTime() //时间差的毫秒数 //计算出相差天数 var days=Math.floor(date3/(24*3600*1000)) //计算出小时数 var leave1=date3%(24*3600*1000) //计算天数后剩余的毫秒数 var hours=Math.floor(leave1/(3600*1000)) //计算相差分钟数 var leave2=leave1%(3600*1000) //计算小时数后剩余的毫秒数 var minutes=Math.floor(leave2/(60*1000)) //计算相差秒数 var leave3=leave2%(60*1000) //计算分钟数后剩余的毫秒数 var seconds=Math.round(leave3/1000) alert(" 相差 "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒") 来源： https://www.cnblogs.com/zhwl/p/4424856.html

var date1=new Date(); //开始时间 alert("aa"); var date2=new Date(); //结束时间 var date3=date2.getTime()-date1.getTime() //时间差的毫秒数 //计算出相差天数 var days=Math.floor(date3/(24*3600*1000)) //计算出小时数 var leave1=date3%(24*3600*1000) //计算天数后剩余的毫秒数 var hours=Math.floor(leave1/(3600*1000)) //计算相差分钟数 var leave2=leave1%(3600*1000) //计算小时数后剩余的毫秒数 var minutes=Math.floor(leave2/(60*1000)) //计算相差秒数 var leave3=leave2%(60*1000) //计算分钟数后剩余的毫秒数 var seconds=Math.round(leave3/1000) alert(" 相差 "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒") 来源： https://www.cnblogs.com/anuoruibo/p/3406911.html

var date1=new Date(); //开始时间 alert("aa"); var date2=new Date(); //结束时间 var date3=date2.getTime()-date1.getTime() //时间差的毫秒数 //计算出相差天数 var days=Math.floor(date3/(24*3600*1000)) //计算出小时数 var leave1=date3%(24*3600*1000) //计算天数后剩余的毫秒数 var hours=Math.floor(leave1/(3600*1000)) //计算相差分钟数 var leave2=leave1%(3600*1000) //计算小时数后剩余的毫秒数 var minutes=Math.floor(leave2/(60*1000)) //计算相差秒数 var leave3=leave2%(60*1000) //计算分钟数后剩余的毫秒数 var seconds=Math.round(leave3/1000) alert(" 相差 "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒") 来源： https://www.cnblogs.com/y0umer/archive/2012/01/05/3839273.html

一．什么是 jQuery jQuery是一个 Java Script库，它通过封装原生的 JavaScript 函数得到一整套定义好的方法。它的作者是John Resig，于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、 CSS 、DOM和Ajax于一体的强大功能。它可以用最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。 JQuery的优点:小巧、方便、功能强大。插件丰富、开源、免费。 二.Jquery的功能和优势 jQuery 作为 JavaScript 封装的库，他的目的就是为了简化开发者使用 JavaScript。主要功能有以下几点： 1.像 CSS 那样访问和操作 DOM 2.修改 CSS 控制页面外观 3.简化 JavaScript 代码操作 4.事件处理更加容易 5.各种动画效果使用方便 6.让 Ajax 技术更加完美 7.基于 jQuery 大量插件 8.自行扩展功能插件 jQuery 最大的优势，就是特别的方便。比如模仿 CSS 获取 DOM，比原生的 JavaScript要方便太多。并且在多个 CSS 设置上的集中处理非常舒服，而最常用的 CSS 功能又封装到单独的方法，感觉非常有心。最重要的是 jQuery 的代码兼容性非常好，你不需要总是头疼着考虑不同 浏览器 的兼容问题。 好！以上都是网摘！

->我们一般只研究函数执行的时候里面的this ->this是谁和当前的函数在哪执行和在哪定义没有半毛钱的关系 1)看函数执行的时候,函数名之前是否有".",有的话"."前面是谁this就是谁,没有的话this就是window oDiv.onclick=function(){ //匿名函数中的this->oDiv fn();//fn函数中的this->window }; [].slice(0);//->slice中的this是[] [].__proto__.slice(0);//->slice中的this是Array.prototype -->我们自己在数组原型中编写的方法,一般情况下我们函数中的this就是当前我们要操作的这个元素 Array.prototype.distinct=function(){ //this->我们当前要操作的这个数组 }; [1,2,2,3,1,2,3,2,1].distinct(); 2)自执行函数中的this永远是window (function(){ //this->window })(); ~function(){ //this->window }(); window.setTimeout(function(){ //this->window },10); ary.sort(function(a,b){ //第一个匿名函数(参数

1、鼠标事件的主要事件应该是mouseup, mousedown, mousewheel, mousemove, mouseover, moveout。 　　<1>其中mouseup和mousedown组成了单击(click)，双击(dblclick)事件，或许还有拖拽事件，不过我还没有涉及到。表单事件上的foucs,blur事件应该也与之相关。 　　在一类事件里面我们主要关注点击的是鼠标哪个键e.whick/e.button 　　<2>mousewheel是鼠标滚轮事件，与浏览器默认的滚动条事件相关，关注的是滚轮方向是向上还是向下event.wheelDelta/e.detail 　　<3> mousemove是鼠标移动事件，不常用。 　　　　关注的是鼠标位置和鼠标移动方向movementX和 movementY 　　<4>mouseover, moveout是鼠标移入移出事件，在js的冒泡模式中很大的副作用，需要自定义成hover事件，或者使用jq。关注触发的元素target/srcElement和绑定事件的元素currentTarget，以及目标元素toElement/fromElement/ relatedTarget。 2、 事件监听器在js和jq的不同表现 　　Jq兼容了js在不同浏览器的写法，也对一些js的副作用做了改进（mouseenter, mouseleave,

今天同学问echats 的问题，说有乱码，结果我看到调试器里，js已经编译成html实体了，估计是服务器策略把jsp把输入的变量都变成html实体，导致数据在echats里面显示的不是正常汉字，而是一堆&#XXXXX;费劲千辛万苦找到一篇博客解决了这个问题。 连接：http://blog.chinaunix.net/uid-20511797-id-3118652.html 如果单纯解决这个问题可以提取出部分代码： 1 var Tools=:{}}; 2 Tools=function(){ 3 this.HTML_DECODE = { 4 "<" : "<", 5 ">" : ">", 6 "&" : "&", 7 " ": " ", 8 """: "\"", 9 "?": "" 10 11 // Add more 12 }; 13 this.REGX_HTML_DECODE = /&\w+;|&#(\d+);/g; 14 this.decodeHtml=function(s){ 15 var HTML_DECODE = this.HTML_DECODE; 16 17 s = (s != undefined) ? s : this.toString(); 18 return (typeof s != "string") ? s : 19 s.replace(this.REGX

1、方法定义 call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 apply方法： 语法：apply([thisObj[,argArray]]) 定义：应用某一对象的一个方法，用另一个对象替换当前对象。 说明： 如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。 如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。 乍一看，很容易把人看迷胡，先做一些简单的说明 obj1.method1.call(obj2,argument1,argument2) 如上，call的作用就是把obj1的方法放到obj2上使用，后面的argument1..这些做为参数传入． function add(a,b) { alert(a+b); } function sub(a,b) { alert(a-b); }

（1）图片预览 showPic:function(url){ var json = { "data": [ //相册包含的图片，数组格式 { "src": url, //原图地址 } ] }; top.layer.photos({ photos: json ,anim: 0 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数） }); }, （2）日期的格式化 dateFormat:function (timestamp, format) { var _this = new Date(timestamp); var o = { "M+": _this.getMonth() + 1, // month "d+": _this.getDate(), // day "h+": _this.getHours(), // hour "m+": _this.getMinutes(), // minute "s+": _this.getSeconds(), // second "q+": Math.floor((_this.getMonth() + 3) / 3), // quarter "S": _this.getMilliseconds() // millisecond }; if (/(y+)/.test(format) || /(Y+)/.test