自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(235)
  • 收藏
  • 关注

转载 zepto - toggleClass

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>zepto</title> <style> .main { font-size: 1...

2014-12-16 18:05:00 233

转载 zepto - toggle

<input type="text" value="123456789" /><div id="too_long">toggle</div>var input = $('input[type=text]'); $('#too_long').toggle(input.val().length < 5);...

2014-12-16 18:02:00 171

转载 zepto - slice

var ss = ['1', '2', '3', '4', '5', '6']; console.log(ss.slice(2,4));转载于:https://www.cnblogs.com/qzsonline/p/4167718.html

2014-12-16 17:58:00 160

转载 zepto - scrollLeft

<div style="border:1px solid black;width:100px;height:130px;overflow:auto"> The longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis.</div&gt...

2014-12-16 17:46:00 113

转载 zepto - push

var arr = ['1', '2', '3', '4']; arr.push('qwe'); console.log(arr);转载于:https://www.cnblogs.com/qzsonline/p/4167640.html

2014-12-16 17:31:00 60

转载 zepto - reduce

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reducevar ss = [0, 1, 2, 3, 4].reduce(function (previousValue, currentValue, index, array) { ...

2014-12-16 17:30:00 83

转载 JavaScript Scoping and Hoisting

JavaScript中所有变量及函数名会自动提升http://www.cnblogs.com/betarabbit/archive/2012/01/28/2330446.html转载于:https://www.cnblogs.com/qzsonline/p/4097165.html

2014-11-14 14:04:00 71

转载 Safari下默认10位数字为电话号码,点击拨号

<meta content="telephone=no" name="format-detection"/>转载于:https://www.cnblogs.com/qzsonline/p/4094444.html

2014-11-13 11:16:00 104

转载 又是一个小正则replace

var a = "http://www.xx.com?id=111&-deb";var b = "http://www.xx.com?-deb&id=111";var d = "http://www.xx.com?-deb&id=111&cc=2";var c = "http://www.xx.com?id=111";console.l...

2014-11-07 09:38:00 53

转载 一个小正则

123456789,4567831匹配前面的4567还有后面的83var r = /\d{3}4567\d{2}[,]\d{4}83\d/; var e = "123456789,4567831"; console.log(r.test(e));转载于:https://www.cnblogs.com/qzsonline/p/4076774.ht...

2014-11-05 16:54:00 50

转载 grunt项目构建

最近想把项目里添加grunt,说白了就是前端自动化管理,具体配置如下:用到以下几个部件:grunt-contrib-cssmingrunt-contrib-uglifygrunt-contrib-jshintgrunt-contrib-imagemingrunt-contrib-concat这几个应该是最常用的几个部件,用于我们页面需要后台部署,所以没有用ht...

2014-10-29 17:02:00 93

转载 jQuery中.bind() .live() .delegate() .on()的区别

bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数$("a").bind("click",function(){alert("ok");});live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的$("a").live("click",function(){alert("ok"...

2014-10-27 17:00:00 56

转载 数组转对象

1 function installGrunt(data) {2 for (var val in data) {3 console.log(data[val]);4 }5 }6 7 installGrunt(['a', 'b', 'c']);转载于:https://www.cnblogs.com/qzsonline...

2014-02-24 15:48:00 83

转载 360浏览器内核控制Meta标签说明文档

http://se.360.cn/v6/help/meta.html转载于:https://www.cnblogs.com/qzsonline/p/3559701.html

2014-02-21 16:31:00 79

转载 构造器模式

1 function Car(model, year, miles) { 2 this.model = model; 3 this.year = year; 4 this.miles = miles; 5 } 6 7 Car.prototype.toString = function() { 8 return this....

2014-02-08 16:10:00 53

转载 nodejs操作文件

1 var fs = require('fs'); 2 var txt = "以上程序使用fs.readFileSync从源路径读取文件内容,并使用fs.writeFileSync将文件内容写入目标路径。"; 3 4 //写入文件 5 fs.writeFile('message.txt', txt, function (err) { 6 if (err...

2014-01-26 09:57:00 57

转载 Grunt:多个css,js,进行单独压缩

1 module.exports = function (grunt) { 2 3 // 构建任务配置 4 grunt.initConfig({ 5 6 //读取package.json的内容,形成个json数据 7 pkg: grunt.file.readJSON('package.json'), 8...

2013-12-23 16:57:00 74

转载 jQuery UI dialog 隐藏默认关闭按钮

1 var O_dialog = $("#dialog-modal"); 2 O_dialog.dialog({ 3 closeOnEscape: false, 4 width: 250, 5 height: 80, 6 resizable: fals...

2013-12-20 09:09:00 685

转载 ajax多次请求的一个效果思路

首先页面加载时候显示遮罩层jQuery(function() { show_dialog(); //tianxie();});定义一个全局数组,用于存放问题idvar qar = [];循环问题id,并赋值到qar数组中for (quid_index = 0; quid_index < results...

2013-12-16 16:30:00 95

转载 textarea输入框显隐文字

html:1 <textarea class="dxtd_text"></textarea>javascript: 1 //管理端短信 2 var textarea_text = "此短信功能仅限于工作联络之用,切勿发送保密或敏感信息!支持移动、联通、小灵通,小灵通号码前需加区号;多个号码间用空格分隔可支持群发。"; ...

2013-12-06 16:45:00 141

转载 input累加赋值

需求如下:第一个input添加字符到第二个input,第二个input需要累加。html: 1 <tr> 2 <td rowspan="2" class="D_td_t_l"><span class="red">*</span><span>企业填报数据包含海关代码有:</span...

2013-11-28 16:22:00 433

转载 .each() 用法

http://learn.jquery.com/using-jquery-core/iterating/The following is a list of methods that require.each():.attr()(getter).css()(getter).data()(getter).height()(getter).html()...

2013-11-05 11:21:00 63

转载 HTML5 应用缓存和常规的 HTML 浏览器缓存有何差别?

HTML5 的应用缓存最关键的就是支持离线应用,可获取少数或者全部网站内容,包括 HTML、CSS、图像和 JavaScript 脚本并存在本地。该特性加速了网站的性能,可通过如下方式实现:<!doctype html><html manifest="example.appcache">.....</html>与传统的浏览器缓存比较,该特性并不强制要求...

2013-10-11 08:59:00 448

转载 与 HTML4 比较,HTML5 废弃了哪些元素?

frameframesetnoframeappletbigcenterbasefront转载于:https://www.cnblogs.com/qzsonline/p/3362642.html

2013-10-11 08:58:00 284

转载 HTML5 有哪些不同类型的存储?

HTML 5 支持本地存储,在之前版本中是通过 Cookie 实现的。HTML5 本地存储速度快而且安全。有两种不同的对象可用来存储数据:localStorage适用于长期存储数据,浏览器关闭后数据不丢失sessionStorage存储的数据在浏览器关闭后自动删除转载于:https://www.cnblogs.com/qzsonline/p/3362637.h...

2013-10-11 08:49:00 389

转载 DNS跳转

1 switch (window.location.hostname) { 2 case "www.zcom.gov.cn" ://确定域名为 www.zcom.gov.cn 3 //window.location.pathname="/"//跳转到 / 目录 4 break; 5 case "cisf.zcom.go...

2013-07-17 08:49:00 680

转载 禁止form重复提交

1 $("form").submit(function () {2 console.log("提交了");3 $("input:submit").attr("disabled", "true");4 setTimeout(function () {5 $("inpu...

2013-07-08 16:26:00 59

转载 易于维护的写法

1 function Klass() { 2 this.id = new Date().getTime(); 3 this.name = ''; 4 } 5 6 Klass.prototype.get = function() { 7 return this.id; 8 }; 9 10 Klass.prototype.s...

2013-07-08 08:58:00 98

转载 功能检查和降级

1 // 最佳做法:如果可用,使用本地XHR 2 if (window.XMLHttpRequest) { 3 // 如果是IE7+, Gecko, WebKit:使用本地对象 4 var xmlHttp = new XMLHttpRequest(); 5 } else if (window.ActiveXObject) { 6 // ....

2013-07-07 22:33:00 112

转载 方法放在数组里统一调用

1 var arr1 = function() { 2 console.log("arr1"); 3 }; 4 var arr2 = function() { 5 console.log("arr2"); 6 }; 7 var arr3 = function() { 8 console.log("arr3"); 9 };1...

2013-06-13 16:39:00 171

转载 加了 DOCTYPE 以后js飘动效果失效解决办法

首先是网上的一段代码,注意下面的代码是没有DOCTYPE申明的,不过运行正常,但是加了DOCTYPE以后,代码失效。 1 <html> 2 <head> 3 <title>漂浮广告</title> 4 <body> 5 <div id="codefans_net" style="positio...

2013-05-28 16:33:00 117

转载 回调函数

1 function writeCode(callback){2 callback();3 }4 5 function introduceBugs(){6 alert("introduceBugs");7 }8 9 writeCode(introduceBugs);注意introduceBugs()作为参数传入writeCode...

2013-05-08 16:59:00 62

转载 函数声明 和 匿名函数表达式 在作用域内的区别

1 // 反模式,仅用于演示 2 3 // 全局函数 4 function foo() { 5 alert('global foo'); 6 } 7 function bar() { 8 alert('global bar'); 9 }10 11 function hoistMe() {12 13 conso...

2013-05-08 10:06:00 104

转载 JSON解析

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">...

2013-04-25 15:22:00 65

转载 判断数组

Array.isArray([]); // true// 尝试用一个类似数组的对象去测试Array.isArray({ length: 1, "0": 1, slice: function() {}}); // false//如果你的开发环境不支持ECMAScript5,可以通过Object.prototype.toString(...

2013-04-24 10:16:00 78

转载 正则表达式基础学习一

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang=...

2013-04-17 21:08:00 70

转载 将配置数据从代码中分离出来

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en...

2013-04-16 15:07:00 101

转载 addListener事件监听

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">...

2013-04-08 16:53:00 3430

转载 for in的使用

for-in循环有一个问题,就是它不仅遍历对象的实例属性,同样还遍历从原型继承来的属性。当遍历自定义对象的属性时,往往会因为意外的结果而终止。所以要加上hasOwnProperty()方法来过滤实力属性。这也是DC大牛建议的。hasOwnPrototype()方法可以检测一个属性是否存在于对象实例中。var prop;var object = { name: "...

2013-04-07 21:33:00 77

转载 location.hash 实现跨域 iframe 自适应

转发:http://www.oschina.net/code/snippet_54100_592实现效果:A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小.问题本质:js对跨域iframe访问问题,因为要控制a.html中iframe的高度和宽度就...

2013-03-18 16:19:00 73

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除