摘要：
出处：http://www.cnblogs.com/yjmyzz/archive/2011/01/25/1944325.html从雨痕老大的博客上转来的http://www.rainsts.net/article.asp?id=1066读书人偷书不算窃 :)1. 文件CMD + N: 新文件CMD + SHIFT + N: 新项目CMD + O: 打开CMD + S: 保存CMD + SHIFT + S: 另存为CMD + W: 关闭窗口CMD + SHIFT + W: 关闭文件2. 编辑CMD + [: 左缩进CMD + ]: 右缩进CMD + CTRL + LEFT: 折叠CMD + CT 阅读全文
摘要：
iOS App的图标，启动画面及其它http://www.xiaweipin.com/archives/28目录图标的圆角和光晕效果启动画面Retina格式和尺寸格式图标的尺寸启动画面的尺寸图标的圆角和光晕效果圆角效果。图标的圆角效果是系统自动加上的，我们不能控制。这也是为什么我们看到的每个图标，其圆角效果是完全相同的。光晕效果。光晕效果也是系统加上的，和“圆角”不同的是，光晕效果是一个可选项。我们可以通过设置app的光晕参数（UIPrerenderedIcon），告诉系统是否要为我们的图标打上光晕效果。总结：1）设计图标时请记得，图标的圆角效果是系统自动加上的，且是我们无法控制的。 2）设计 阅读全文
摘要：
在krpano上看到一段关于手触响应的代码 1 function imagebar_onTouchStart(a) { 2 a.preventDefault(); 3 imagebar_touch_x = a.changedTouches[0].pageX; 4 imagebar_touch_y = a.changedTouches[0].pageY 5 } 6 function imagebar_onTouchMove(a) { 7 a.preventDefault() 8 } 9 function imagebar_onTouchEnd(a) {10 ... 阅读全文
摘要：
关于进制转换，我们用到的有十进制和十六进制（颜色）。任何进制（1到36）转10进制 使用parseInt1 parseInt('FF',16) // 2552 parseInt('FF',36) // 55510进制转任何进制（1到36）使用toStringvar i = 255;i.toString(10) //"255"i.toString(16) //"FF"i.toString(36) //"73"二进制用 1和0 两个字符表示八进制用 0到7 八个字符表示十进制用 0到9 十个字符表示十六进制 阅读全文
摘要：
做一个输入框的字符统计，限制输入字符数量， 即在输入框的内容发生变化的时候改统计字符长度。 跟新浪微博一样，统计字符数量，不超过140字。网上看到很方便实现这个功能的事件：IE 中的 onpropertychange非IE中的 oninput用这两事件的好处是，当在输入框的内容发生变化调用事件，使用key 和 mouse的相关事件会比较复杂，而且这个方法用粘贴方法一样有效。 不过用js改变input的value值不会发生这两个事件。在中文本框中添加两个事件的方法就可以了。（看到网上说非ie中的oninput方法要用addEventListener绑定，用 element.oninput = f 阅读全文
摘要：
获取元素相对于页面的位置参考：http://apply-templates.com/en/blog?title=Finding%20element%20position%20in%20Javascripthttp://www.quirksmode.org/js/findpos.htmlhttp://www.codeproject.com/KB/scripting/dom-element-abs-pos.aspx// 获取元素相对于页面文档的位置----------------------------------------------function getElementPos(el) { i 阅读全文
摘要：
看到 http://www.zhangxinxu.com/wordpress/?p=1907 这文章，很好。该博客里有很多很好的文章 ，学习很大。 推荐大家去看看。把关于位置的信息整理成图片，便于查阅， 信息来源 http://www.zhangxinxu.com/wordpress/?p=1907详细内容请看博客原文。 整理：http://www.cnblogs.com/zsk526 阅读全文
摘要：
在当当网上看到一种图标，然后自己试差用CSS3实现一下。 http://layerstyles.org/builder.html最后实现 ：<style type="text/css">.drop{ width:200px; height:200px; margin:50px auto; border: 3px solid #2c8004; border-top-left-radius: 200px; border-top-right-radius: 200px; border-bottom-right-radius: 200px; background-ima 阅读全文
摘要：
判断数据类型的方法： 来源（http://www.css88.com/archives/1824） // <![CDATA[ function getType(o) { var _t; return ( (_t = typeof(o)) == "object" ? o==null && "null" 阅读全文
摘要：
var dateS01 = new Date();var arr = [];for(var i =0; i < 1000000; i++){ arr.push(i);}var dateE01 = new Date();var dateS02 = new Date();var arr = [];for(var i =0; i < 1000000; i++){ arr[arr.length] = i;}var dateE02 = new Date(); alert((dateE01 - dateS01) + '\n' + (dateE02 - dateS02))火狐下的 阅读全文
摘要：
特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑΑΒΒΒΓΓΓΔΔΔΕΕΕΖΖΖΗΗΗΘΘΘΙΙΙΚΚΚΛΛΛΜΜΜΝΝ&# 阅读全文
摘要：
今天做一个下拉的功能，如下图：第一次想是把下面的使用js 在鼠标移动到上面的时候 修改 display 值让它显示出来。后到通过使用在父标签上添加class，使用css控制显示与不显示，可是在某个浏览器下出现了问题（你懂得。），即不会隐藏层。后来换了一种方法， 不是改成修改 display属性， 而是修改left属性， 隐藏的css是left:-999em; 显示的话再把left 改到需要的数值，显示在页面上。 阅读全文
摘要：
1 <div id="content" class="yowo_slide_wp"> 2 <ul id="yowo_slide" class="yowo_slide"> 3 <li><img src="http://images.cnblogs.com/cnblogs_com/zsk526/240728/o_%E5%8D%9A%E5%AE%A2%E5%9B%ADtitle.gif" width="910px" height=" 阅读全文
摘要：
函数的引用， 对于内存的开销。请看如下代码： 1 var arr = []; 2 var cc = function(){alert('xx');}; 3 4 5 for(var i = 0; i<2; i++){ 6 7 arr[i] = function(){alert('yy');} 8 arr[i+10] = cc; 9 }10 11 console.group('开始')12 console.group('1')13 console.info( arr[0] == arr[1]);14 console.info( 阅读全文
摘要：
今天在改下面两句代码：slide.index = j;slide.index ==5 ? slide.index =0 : slide.index++;改成这样子：slide.index = j==5 ? 0 : j++;感觉没什么问题， 按理说也不会有问题， 但代码进行的时候却有问题。 后来发现， 因为后面的代码有用到 “ j ” 变量。 改变了它的值，最后改成这样就没问题了：slide.index = j==5 ? 0 : j+1;j++ : 赋值以后，改变原来的值了。j+1 : 没有对变量“ j ” 进行操作。 阅读全文
摘要：
发现一个很好用的 firefox（FF 火狐）插件 。 主要对前端开发的人员。 很不错的。 PixelZoomer https://addons.mozilla.org/zh-CN/firefox/addon/pixelzoomer/主要作用是，可以查看获取页面上的 颜色， 测量大小 ， 操作方面。 在火狐中安装后在 浏览器窗口的状态栏中 有一个图 最旁边一个就是了， 点击就可以开取了。 就会打开一个窗口， 一当前浏览器窗口页面的一个截图。 以谷歌首页为例 ：可以看到工具栏上的图片图标， 分别可以选择框，移动选框，放大图片 ， 移动图片， 撤销操作， 选取颜色 ，选择框的大小（宽和高） ， 取 阅读全文
摘要：
http://www.jsmix.com/css/n-css-little-tricks.html 1.强制一行显示2.强制换行显示3.清理浮动4.纯CSS实现图片预加载5.CSS 属性 Hack读取并显示图像文件（预览图片）JavaScript标准Selection操作工具siEve：内存泄露检测工具Ditto：剪贴板工具WinMerge：diff & merge工具Browser Sandbox：多浏览器测试Online JavaScript BeautifierTiled backgrounds designer链接代码粘贴：snipt.org浏览器特性检测css sprites 阅读全文
摘要：
var funGetSelectTxt = function() { var txt = ""; if(document.selection) { txt = document.selection.createRange().text; // IE } else { txt = document.getSelection(); } return txt.toString(); };参考： 1.http://www.zhangxinxu.com/wordpress/?p=1428 2.http://www.ryanbay.com/?p=198 阅读全文
摘要：
用来判断浏览器的版本很好用 var b = /*@cc_on!@*/false; 其中/*@cc_on ..... @*/之间的部分可以被ie识别并作为程序执行，同时启用ie的条件编译。 最常用的变量是@_jscript_version：js版本，最后一位是ie主版本号示例： 阅读全文
摘要：
还是实际解释下，该方法获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。也不好理解，下面用图说明下。该方法已经不再是IE Only了，FF3.0+和Opera9.5+已经支持了该方法，可以说在获得页面元素位置上效率能有很大的提高，在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。getBoundingClientRect() 来获取页面元素的位置getCl... 阅读全文