jQing - 博客园

翻译-你必须知道的28个HTML5特征、窍门和技术

摘要：翻译-你必须知道的28个HTML5特征、窍门和技术byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=1058原文地址：http://net…html5-features-tips-and-techniques…/原文作者：Jeffrey Way翻译小编：张鑫旭//zxx:以下为翻译全文，本着语言生动和本土化之原则，内容有编辑注意：每周有那么几次，此列表会更新一些新的窍门，最终，本文会成为超级有用的资源。//zxx:丑话说在前头，我可没功夫更新，所以，即使到您女儿出嫁那天，本文阅读全文

posted @ 2012-06-22 13:12 jQing 阅读(219) 评论(0) 推荐(0)

能说明你的JS技术很烂的五个原因

摘要：转自：http://developer.51cto.com/art/201206/343952.htm原文链接：http://patrickavella.com/blog/5-reasons-your-javascript-stinks能说明你的JS技术很烂的五个原因它的低学习门槛让很多人都称它为学前脚本语言，它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实，你和JavaScript都站错了立场，而现在，你让JavaSript很生气。JavaScript在互联网上名声很臭，但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言阅读全文

posted @ 2012-06-22 07:49 jQing 阅读(299) 评论(0) 推荐(0)

JavaScript中几个重要的属性（this、constructor、prototype）

摘要：转自：http://carterslam.javaeye.com/?show_full=truethisthis表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window；如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。先看一个在全局作用范围内使用this的例子：<script type="text/javascript"> console.log(this=== window);// true console.log(wind 阅读全文

posted @ 2012-06-15 15:41 jQing 阅读(247) 评论(0) 推荐(0)

CSS自定义滚动条实现(-webkit)

摘要：相信很多人都遇到过在设计中自定义滚动条样式的情景，之前我都是努力说服设计师接受浏览器自带的滚动条样式，但是这样只能规避还是解决不了问题，最近在项目中遇到了，正好来总结一下。当然，兼容所有浏览器的滚动条样式目前是不存在的。IE下的滚动条样式IE是最早提供滚动条的样式支持，好多年了，但是其它浏览器一直没有支持，IE独孤求败了。这些样式规则很简单：scrollbar-arrow-color: color; /*三角箭头的颜色*/scrollbar-face-color: color; /*立体滚动条的颜色（包括箭头部分的背景色）*/scrollbar-3dlight-color: color; /* 阅读全文

posted @ 2012-06-14 12:03 jQing 阅读(308) 评论(0) 推荐(0)

cnblogs 运行代码功能尝试

摘要：转自：http://www.jb51.net/article/28005.htmcnblogs 运行代码功能尝试，使用cnblogs的朋友可以参考下。 1 <!--定义和用法 2 3 open() 方法可打开一个新文档，并擦除当前文档的内容。 4 5 语法 6 document.open(mimetype,replace) 7 参数描述 8 mimetype 可选。规定正在写的文档的类型。默认值是 "text/html"。 9 replace 可选。当此参数设置后，可引起新文档从父文档继承历史条目。10 说明11 该方法将擦除当前 HTML 文档的内容，开始一个新的阅读全文

posted @ 2012-06-14 11:34 jQing 阅读(238) 评论(0) 推荐(0)

javascript模拟滚动条实现代码（3）

摘要： <!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"><head> <title></title> <meta http-equiv="Content-Type" content= 阅读全文

posted @ 2012-06-14 10:58 jQing 阅读(168) 评论(0) 推荐(0)

javascript模拟滚动条实现代码（2）

摘要： 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"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c 阅读全文

posted @ 2012-06-14 10:50 jQing 阅读(456) 评论(0) 推荐(0)

鼠标滚轮(mousewheel)和DOMMouseScroll事件（转载）

摘要：转自：http://www.w3cmm.com/javascript/mousewheel-dommousescroll.htmlIE6.0首先实现了mousewheel事件。此后，Opera、Chrome和Safari也都实现了这个事件。当用户通过鼠标滚轮与页面交互、在垂直方向上滚动页面时（无论向下还是向上），就会触发mousewheel事件。这个事件可以在任何元素上面触发，最终会冒泡到document(IE)或window(Opera、Chrome、及Safari)对象。与mousewheel事件对应的event对象包含鼠标事件的所有标准信息之外，还包含一个特殊的wheelDelta属性。阅读全文

posted @ 2012-06-14 10:06 jQing 阅读(397) 评论(0) 推荐(0)

最近工作中的小细节

摘要：最近工作期间，发现自己犯下的错误以及小细节。下面列出一些，做个记录，俗话说好记忆不如烂笔头。1: 将用户提交来的数据打包成一串json字符串，注意数据中是否包含"、'、\n(换行) 、\r(回车) 等字符解决: 可以在客户端或服务端使用正则替换函数将其替换为空或者 html实体字符例:<?php $json = $_POST['json']; //注意使用Ajax POST方式或者http POST方式包含"将会被自动转义，所以请先url编码(encodeURIComponent)$json = preg_replace('/\n 阅读全文

posted @ 2012-06-14 07:20 jQing 阅读(267) 评论(0) 推荐(0)

根据经纬度计算距离的公式、百度坐标转换成GPS坐标(PHP版)

摘要： 1 <?php 2 //百度坐标转换成GPS坐标 3 $lnglat = '121.437518,31.224665'; 4 function FromBaiduToGpsXY($lnglat){ 5 // 经度,纬度 6 $lnglat = explode(',',$lnglat); 7 list($x,$y) = $lnglat; 8 $Baidu_Server = "http://api.map.baidu.com/ag/coord/convert?from=0&to=4&x={$x}&y={$y}"; 9 阅读全文

posted @ 2012-06-14 07:12 jQing 阅读(820) 评论(0) 推荐(0)