2015年01月_joyhen

12月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载 javascript数据类型转换

原文：http://www.css88.com/archives/5199JavaScript是一种动态类型语言，变量是没有类型的，可以随时赋予任意值。但是，数据本身和各种运算是有类型的，因此运算时变量需要转换类型，而且转换非常灵活。大多数情况下，这种数据类型转换是自动的，但是有时也需要手动强制转换。1. 强制转换强制转换主要指使用Number、String和Boole

2015-01-30 11:28:01 1435

原创 2个牛逼的js处理日期和时间的库

1.小牛date.format.js 地址：http://blog.stevenlevithan.com/archives/date-time-format 下载：http://stevenlevithan.com/assets/misc/date.format.js具体使用上面有详细的例子，下面贴一些我测试的代码：var now = new Date();

2015-01-30 10:33:29 6651

转载 JS快速获取图片宽高的方法

原文：http://www.css88.com/archives/5224// 记录当前时间戳var start_time = new Date().getTime(); // 图片地址var img_url = 'http://b.zol-img.com.cn/desk/bizhi/image/2/2560x1600/1365477614755.jpg?'+start_time;

2015-01-30 10:11:36 2605

转载编写高效的jQuery代码

获益良多，谢谢原作者，地址：http://www.css88.com/archives/5240缓存变量DOM遍历是昂贵的，所以尽量将会重用的元素缓存。// 糟糕 h = $('#element').height();$('#element').css('height',h-20); // 建议 $element = $('#element');h = $element

2015-01-30 10:02:20 1248

转载多行文本溢出显示省略号(…)全攻略

原文：http://www.css88.com/archives/5206这里介绍一下2个js库 Clamp.js和jQuery.dotdotdot，它们非常不错哦。Clamp.js地址：https://github.com/josephschmitt/Clamp.jsjQuery.dotdotdot地址：https://github.com/BeSite/jQuery.dotdotd

2015-01-30 09:49:00 7070

转载 JavaScript实现的抛物线运动效果

原文：http://www.css88.com/archives/5355作者的主要实现代码：;(function () { var _$ = function (_this) { return _this.constructor == jQuery ? _this : $(_this); };// 获取当前时间 function now() {

2015-01-30 09:37:32 9887

原创 js 单引号替换成双引号，双引号替换成单引号操作

1.双引号替换成单引号var _adrobj = JSON.stringify(address).replace(/\"/g,"'");ps:var a = {a:1,b:2};JSON.stringify(a)====>"{"a":1,"b":2}"2.单引号替换成双引号var _nstr = _adrdata.replace(/'/g, '"');ps:var json =

2015-01-29 15:08:20 36049 1

原创 JSON.parse()和JSON.stringify()

parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果：JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意：单引号写在{}外，每个属性名都必须用双引号，

2015-01-29 14:52:37 1033

原创 HTTP X-Frame-Options 防止iframe内框架调用

X-Frame-Options response header 可用于指示是否应该允许浏览器呈现在一个页面或中. 以确保网站内容是不是嵌入到其它网站. X-Frame-Options" content="SAMEORIGIN / DENY "> X-Frame-Options 使用X-Frame-Options 有两种可能的值： DENY ：该

2015-01-29 11:26:05 28308

转载关于html代码中name为apple-itunes-app的meta标签

有些网站看它html网页源码会有类似下面的一段代码在head中：一开始我也百思不得其解，查了下才知道原文：http://segmentfault.com/q/1010000000171226这个标签是告诉iphone的safari浏览器，这个网站对应的app是什么，然后在页面上面显示一个下载banner参考：http://developer.apple.com/li

2015-01-29 10:47:10 4203

转载 <meta property="og:需要写的标签"的应用

原文：http://gaoke0820.blog.163.com/blog/static/21664965201385104151396/Meta Property=og标签是什么呢?og是一种新的HTTP头部标记，即Open Graph Protocol：The Open Graph Protocol enables any web page to become a

2015-01-29 10:36:15 2058

转载关于< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />

原文：http://blog.sina.com.cn/s/blog_5ea463780100xwni.html这位作者已经详解的很详细了。这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式（比如人见人烦的IE6），以此来解决部分兼容问题，例如模拟IE7的具体方式如下：但令我好奇的是，此处这个标记后面竟然出现了chrome这样的值，难道IE也可以模

2015-01-29 10:17:36 3900

转载关于<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sc..

网页源代码中有时候会遇到这样的一段代码：<metaname="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />width - viewport的宽度 height - viewport的高度initial-scale - 初始

2015-01-29 09:59:03 49662

转载 HTML中<link rel="next".../> start next prev 属性值

原文：http://www.dreamdu.com/xhtml/attribute_start_next_prev/start next prev 属性值 -- start next prev,全部属于LinkTypes,此值通常可以提示浏览器文章的开始,下一篇,上一篇的urlstart next prev属性值通常在,rel,rev属性中出现引用网址:http://w

2015-01-28 17:34:19 3890

转载 link rel=”canonical”标签的用法

原文：http://www.hzseoj.com/canonical.html关于rel=”canonical”这个标签，早在2009年2月，谷歌、雅虎和live search 三家搜索引擎宣布支持Link的一个新属性Canonical.主要是帮助搜索引擎解决网站内容存在多个版本，来制定规范的链接。解决内容重复的收录。现在百度也支持这个标签了，如果不采用rel=”canonic

2015-01-28 17:27:58 14893

原创 js控制按钮，防止频繁点击响应

为了防止频繁点击按钮，可以采用一个策略，点击一次后让按钮灰掉，暂时不可以用，一段时间后再可以用，伪代码如下：var clicktag = 0; $('.a_cc').click(function () { if (clicktag == 0) { clicktag = 1;

2015-01-28 14:41:07 31309 4

原创 js中数组插入、删除元素操作

/* * 删除数组元素:Array.removeArr(index) */ Array.prototype.removeArr = function (index) { if (isNaN(index) || index>= this.length) { return false; } this.splice(index, 1);

2015-01-28 14:38:20 17010 1

转载 jquery插件分类与编写详细讲解

原文：http://www.cnblogs.com/easirm/p/4208533.html1. 插件种类插件其实就是对现有的方法（或者叫函数）做一个封装，方便重用提高开发效率。 jQeury主要有2种类型 1）实例对象方法插件开发能让所有的jquery实例对象都可以调用的方法。也就是说，只要通过$()工厂获得的jquer

2015-01-08 18:57:48 1305

转载 Backbone入门讲解

原文：http://www.cnblogs.com/chaojidan/p/4207227.htmlBackbone是一个实现了web前端mvc模式的js框架。一种解决问题的通用方法，我们叫做模式。设计模式：工厂模式，适配器模式，观察者模式等，推荐js设计模式这本书。设计模式是一种思想。框架模式：MVC，MVP，MVVM等。框架模式是开发项目的一种方案。

2015-01-08 18:54:57 11317 1

转载 js中setInterval与setTimeout用法

原文：http://blog.sina.com.cn/s/blog_6b1ab3be0100pzmo.htmlsetTimeout　　定义和用法: 　　setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。　　语法: 　　setTimeout(code,millisec) 　　参数：　　 code （必需）：要调用

2015-01-08 11:41:03 1003