JavaScript
关注
分享
扫一扫
dujunzhi
这个作者很懒，什么都没留下…
展开
-
form导出数据
$.exportExcel = function (option) { var opts = $.extend({}, { url: "", fileName: "", excelCon: "", excelColName: "" }, option); if ($("#ExcelForm").length == 0) { $(document.bo...原创 2013-01-29 18:24:02 · 181 阅读 · 0 评论 -
js 观察者模式
<!doctype html><html lang="en"><head><title>JavaScript Patterns</title><meta charset="utf-8"></head><body>&a原创 2013-05-07 17:08:21 · 144 阅读 · 0 评论 -
github的常见操作
复制项目到本地: git clone git@github.com:rockyuse/plupload-java.git添加修改：git add .提交修改：git commit -m '修改描述'提交内容：git push -u origin master 测试SSH连接：SSH -v git@github.com删除命令：git rm aa.java删除文...原创 2013-04-26 10:14:36 · 115 阅读 · 0 评论 -
json转字符串
function json2Str(obj) { var type = Object.prototype.toString.call(obj).slice(8, -1), rs; if (obj.nodeType != null) { return "HTMLNODE" } switch (type) { case "Undefined": case "Nul...原创 2012-04-13 17:15:00 · 93 阅读 · 0 评论 -
IE下使用excanvas.js的注意事项
下载网址：http://code.google.com/p/explorercanvas/downloads/list 简单的示例：<!DOCTYPE html><html><head><title>excanvas demo</title><meta http-equiv="Content-Type" ..原创 2012-08-03 15:02:42 · 179 阅读 · 0 评论 -
网站变灰
js自己去找 <script src="grayscale.js" type="text/javascript"></script><script type="text/javascript">var browserName = navigator.userAgent.toLowerCase();var mybrowser = {ve..原创 2013-04-24 00:43:34 · 90 阅读 · 0 评论 -
js 数组去重
/** * 数组去重 * @param {Array} 数组 * @return {Array} 去重后的数组 */ var distinct = function(arr){ var i = 0, l = arr.length, v, t, o = {}, n = []; for(; i < l; i++){ ...原创 2012-04-11 12:03:21 · 91 阅读 · 0 评论 -
数字之间加逗号
/** * 数字之间加逗号 * @param {String} 参数 * @return {String} 返回结果 */function formatNum(str){ str = str.toString(); if (/[^0-9\.]/.test(str)){return str;} var strFloor = ''; if(RegExp('\\.')...原创 2012-04-10 16:59:49 · 1031 阅读 · 0 评论 -
js hashmap
function HashMap() { /** 存放键的数组(遍历用到) */ this.keys = []; /** 存放数据 */ this.map = {}; Array.prototype.remove = function(s) { for (var i = 0; i < this.length; i++)...原创 2012-04-09 14:29:21 · 157 阅读 · 0 评论 -
Functionbind
Function.prototype.bind = function () { var __method = this; var args = Array.prototype.slice.call(arguments); var object = args.shift(); return function () { __method.apply(object, args...原创 2013-05-28 11:07:29 · 106 阅读 · 0 评论 -
寄生式组合继承
function inheritPrototype(subType, superType) { function F(){}; //新建一个空对象 F.prototype = superType.prototype; //空对象的原型为父类的原型 var prototype = new F(); //创建对象 prototype.constructor = subTy...原创 2013-05-28 11:34:25 · 131 阅读 · 0 评论 -
容易出错的JavaScript题目
1、function Container( properties ) { var objthis = this; for ( var i in properties ) { (function(){ var t = properties[i]; objthis[ "get" + i ] ...原创 2013-07-08 17:56:49 · 149 阅读 · 0 评论 -
javascript的函数节流
http://www.alloyteam.com/2012/11/javascript-throttle/原创 2013-07-08 17:36:55 · 149 阅读 · 0 评论 -
从零开始写jQuery框架
随着时代发展，javascript阵营里面出现了越来越多的优秀的框架，大大简化了我们的开发工作，在我们使用这些框架的时候是不是也应该饮水思源想想它们都是怎样构建起来的呢？如果你不满足于仅仅是使用一些现成的API，而是深入了解它们内部的实现机制(照某人的说法, API是贬值最快的东西)，最好的办法就是阅读它们的源代码了，前提是你读得懂。最近两天研究了一下jQuery的源码，在这里将本人一些粗浅认识分...原创 2013-01-07 17:36:11 · 103 阅读 · 0 评论 -
AMD和CMD的区别
https://github.com/seajs/seajs/issues/277 CMD的定义https://github.com/seajs/seajs/issues/242 AMD的定义https://github.com/amdjs/amdjs-api/wiki/AMD http://www.zhihu.com/question/20351...原创 2013-01-05 16:56:13 · 102 阅读 · 0 评论 -
判断单击还是双击
document.getElementById("google").onclick = function(){ var link = this.href; if(this.clickTimeout){ // 双击 clearTimeout(this.clickTimeout); this.click...原创 2013-01-04 10:43:09 · 525 阅读 · 0 评论 -
上个星期，上个月
<script type="text/javascript"> //个位补全window.singular = function(n){ var newNum; newNum = n < 10 ? '0' + n : n; return newNum;}//时间转字符串window.date2Str = function(dat...原创 2013-06-13 11:38:50 · 126 阅读 · 0 评论 -
new class
function newClass(classObj, superClass) { if(!classObj) classObj = {}; if(typeof classObj.__construct !== "function") classObj.__construct = function() {}; var f = classObj.__construct; f.exte...原创 2013-06-06 01:29:18 · 146 阅读 · 0 评论 -
JavaScript面对对象编程—继承
概述： 原型链：一个原型等于另一个实例。不能给构造函数传递参数，同时值类型会出现共用的问题。（原型的问题） 借用构造函数：SuperType.call(this,para)。解决原型链的问题，但是函数不能复用（构造函数的问题），效率不高。 组合继承（原型链+借用构造函数）：前两种方式互补，但是调用了两次超类，出现了多余的属性（原型中的属性被屏蔽）。 原型继承：利用原型对对象进行一次浅复制...原创 2013-05-28 15:33:08 · 102 阅读 · 0 评论 -
关闭闭包的定义
在动态执行环境中，数据实时地发生变化，为了保持这些非持久型变量的值，我们用闭包这种载体来存储这些动态数据（看完下面的应用就会很好的体会这句话）。闭包的定义：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。 闭包就是嵌套在函数里面的内部函数，并且该内部函数可以访问外部函数中声明的所有局部变量、参数和其他内部函数。当该内部...原创 2013-03-27 18:47:42 · 408 阅读 · 0 评论 -
js 字符串转换
// 字符串转换 1234567 > 1,234,567function formatNum(s){ s = s.toString(); if (/[^0-9\.]/.test(s)){return "invalid value";} s = s.replace(/^(\d*)$/, "$1."); s = s.replace(/(\d*\.\d\d)\...原创 2012-03-28 10:15:25 · 112 阅读 · 0 评论 -
SeaJS v1.2 中文注释版
https://github.com/seajs/seajs/issues/305 /** * @preserve SeaJS - A Module Loader for the Web * v1.2.0 | seajs.org | MIT Licensed *//** * Base namespace for the framework. * seajs...原创 2013-03-12 16:10:40 · 306 阅读 · 0 评论 -
js正则表达式
正则表达式30分钟入门教程 http://www.cnblogs.com/deerchao/archive/2006/08/24/zhengzhe30fengzhongjiaocheng.html 教程二http://www.cainiao8.com/web/js_note/js_regular_expression.html ...原创 2012-02-14 16:46:56 · 76 阅读 · 0 评论 -
preventDefault stopPropagation cancelBubble的解释
preventDefaul (阻止默认) preventDefault方法的起什么作用呢？我们知道比如<a href="http://www.baidu.com">百度</a>,这是html中最基础的东西，起的作用就是点击百度链接到http://www.baidu.com,这是属于<a>标签的默认行为，而preventDefault方法就是可以阻...原创 2012-02-13 18:39:48 · 139 阅读 · 0 评论 -
为什么上传文件的表单里要加个属性enctype
上传文件的表单中<form>要加属性enctype="multipart/form-data",很多人只是死记硬背知道上传表单要这么写，知其然而不知其所以然。那到底为什么要添加这个属性呢？它是什么意思呢？它又有什么其他可选值呢？ 其实form表单在你不写enctype属性时，也默认为其添加了enctype属性值，默认值是enctype="application/x-ww...原创 2011-11-25 15:12:01 · 96 阅读 · 0 评论 -
表格排序的例子
function $(id) { return (typeof(id)=="string")?document.getElementById(id):id; }//传递参数为表格的ID，列号，该列的数据类型var sortTable = function(id,colNum,DataType,event){ this.event = event; this.table ...原创 2011-11-21 10:22:31 · 92 阅读 · 0 评论 -
js sort
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-原创 2012-06-04 01:50:48 · 82 阅读 · 0 评论 -
认识AJAX
AJAX(Asynchronous JavaScript and XML)是多种技术的综合，它使用Javascript绑定和处理所有数据。使用XMLHttpRequest对象进行异步数据读取，使用XML或json进行数据交换与处理，使用DOM实现动态显示和交互，使用XHTML和CSS标准化呈现，更重要的是它打破了使用页面重载的惯例技术组合，可以说AJAX已成为Web开发的重...原创 2012-05-25 16:06:21 · 81 阅读 · 0 评论 -
json转树状结构（js）
/** * json格式转树状结构 * @param {json} json数据 * @param {String} id的字符串 * @param {String} 父id的字符串 * @param {String} children的字符串 * @return {Array} 数组 */function transData(a, idStr, pidStr,...原创 2012-05-25 15:33:08 · 375 阅读 · 0 评论 -
js数组操作大全
shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); 结果 a：[2,3,4,5] b：1 unshift：将参数添加到原数组开头，并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); 结果 a：[-2,...原创 2012-04-23 10:42:55 · 84 阅读 · 0 评论 -
css的base文件
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */html{ color:#000; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}/* 内外边距通常让各个浏览器样式的表现位置不同 */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3...原创 2012-02-15 13:04:33 · 139 阅读 · 0 评论 -
分享几个有意思的网站
CodeerCharts里面有很多不错的题目，你可以选择一个你喜欢的语言，提交之后，他会根据你代码的性能给你分数，网站做的很棒地址: http://codercharts.com/UI - Pattern这个网站搜集总结了很多常见的效果的实现方法地址: http://ui-patterns.comCSS - garden这个大家应该都知道 《CSS禅意花园》地址: ...原创 2012-02-17 13:13:40 · 213 阅读 · 0 评论 -
使用requestAnimationFrame更好的实现javascript动画(转)
详细说明：http://www.cnblogs.com/rubylouvre/archive/2011/08/22/2148793.htmlfunction animate(element, name, from, to, time) { time = time || 800; // 默认0.8秒 var style = element.style; var latenc...原创 2013-03-12 10:24:37 · 117 阅读 · 0 评论 -
css阴影
css代码：<style type="text/css">.mydiv{width:250px;height:auto;border:#909090 1px solid;background:#fff;color:#333;filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,stren...原创 2013-03-03 09:25:53 · 142 阅读 · 0 评论 -
模拟apply和call
<html><head><script type="text/javascript">Function.prototype.Apply = function (obj, arr) { obj = obj || window; obj._tempFunction = this; var rv; if (!arr) { rv = ...原创 2013-03-01 18:56:21 · 86 阅读 · 0 评论 -
冒泡排序
function bubbleSort(arr){ var len = arr.length; for(var i = 0; i < len - 1; i++){ for(var j = i+1; j < len; j++){ var temp = arr[i]; if(arr[j] < temp){ arr[i] = arr[j];...原创 2013-03-01 18:30:51 · 154 阅读 · 0 评论 -
js常用方法
var a = b && 1; //相当于if (b) { a = 1}var a = b || 1; //适合用法方法参数的默认值//相当于if (b) { a = b;} else { a = 1;} jQuery 常用方法1. 模糊匹配： 查找“div_1”,“div_2”,“div_3”,“div_4”...... $("div[id...原创 2012-02-28 11:16:04 · 102 阅读 · 0 评论 -
理解js中的new
new 操作符在有上面的基础概念的介绍之后，在加上new操作符，我们就能完成传统面向对象的class + new的方式创建对象，在Javascript中，我们将这类方式成为Pseudoclassical。基于上面的例子，我们执行如下代码 var obj = new Base();这样代码的结果是什么，我们在Javascript引...原创 2012-02-27 15:45:51 · 512 阅读 · 0 评论 -
JavaScript--事件模型
在各种浏览器中存在三种事件模型:原始事件模型( original event model),DOM2事件模型,IE事件模型.其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持.1.原始事件模型其事件类型:分为"输入事件(如onclicki)"和"语义事件(如onsubmit)"事件...原创 2012-02-21 10:34:28 · 87 阅读 · 0 评论 -
闭包的应用
<ul id="Ul" style="min-height:100px; _height:auto !important; _height:100px; border:1px solid red;"> <li>a</li> <li>b</li> <li>c</li> &原创 2012-02-20 17:16:08 · 63 阅读 · 0 评论