2013年12月5日
摘要: 我们已经知道,null 没有任何的属性值,并且无法获取其实体(existence)值。所以 null.property 返回的是错误(error)而不是 undefined 。考虑下面的代码if (node.nextSibling.className == ...) { ...}在 node 或者 node.nextSibling 为空(null)的情况下,会返回错误(error)。所以,通常情况下的解决方案的代码为if ((node) && (next = node.nextSibling) && ... ) { ...} 那么,当条件判断一多的情况下,代码会 阅读全文
posted @ 2013-12-05 21:20 坚壳 阅读(489) 评论(1) 推荐(1) 编辑
  2013年11月29日
摘要: js数组实际是个残废货,没有关联数组这一说,要实现真正意义上的关联数组只能用对象,那你肯定不服气了,说怎么没有关联数组,我来给你写一个:var arr = [];arr['a'] = 1;arr['b'] = 'ss'; 好像有那么点关联数组的意思,但是。。。你输出一下arr.length看看吧,结果并非你所预料的2,而是0。其实也并没有什么好惊讶的,Js中一切源于对象,数组也从对象继承而来,当你用arr['a']=1来给数组添加元素的时候,实际上是在给数组对象添加属性,有点绕是么??那看一段代码:var fn = functio 阅读全文
posted @ 2013-11-29 10:18 坚壳 阅读(319) 评论(2) 推荐(0) 编辑
  2013年11月10日
摘要: 把优秀的编程方式当成一种习惯,融入到日常的编程当中。下图是今天想到的一点Javascript 性能优化的技巧,分享一下,抛砖引玉。 阅读全文
posted @ 2013-11-10 00:18 坚壳 阅读(164) 评论(0) 推荐(0) 编辑
摘要: JavaScript 数组JavaScript 函数基础Javascript 运算符JavaScript 流程控制JavaScript 正则表达式JavaScript 字符串函数JavaScript 数据类型JavaScript 变量Window 对象DOM 基本操作 阅读全文
posted @ 2013-11-10 00:13 坚壳 阅读(2158) 评论(0) 推荐(6) 编辑
  2013年11月7日
摘要: 近日看腾讯、新浪的移动端网站,发现一件非常蛋疼的事情,在列表浏览内容,我往下翻,往下翻,突然,看到一个十分霸气的标题,于是点到文章查看详细内容,若干时间后,点回退按钮,浏览器回退到页面的最顶部了。 于是就写了这么一个jQery的小插件,当然,写完之后发现PC端的chrome可以记录浏览位置,泪奔 插件很简单,就是监听浏览器的滚动事件, 通过改变地址栏hash值记录访问位置,方便后退继续往后浏览器内容。 适用于文章列表。 使用方法:$('.setHash').BackToHash(); .setHash为列表元素选择器,需要设置有id或者name属性,如果列表内容会通过ajax追 阅读全文
posted @ 2013-11-07 16:23 坚壳 阅读(2686) 评论(0) 推荐(0) 编辑
  2013年10月24日
摘要: HTML5 Cheat sheet PNG帮助手册(标签、事件、兼容)1、HTML5标签2、HTML5事件3、HTML5兼容最新HTML5手册资料请参考:http://www.inmotionhosting.com/infographics/html5-cheat-sheet/ 阅读全文
posted @ 2013-10-24 10:03 坚壳 阅读(404) 评论(0) 推荐(0) 编辑
摘要: an I Use个人最常用的,资料比较全,桌面和移动浏览器支持HTML5,CSS3,SVG和兼容性表。官网地址:http://caniuse.com/CSS3 Click ChartCSS3 属性多浏览器兼容写法快速生成工具,非常方便。官网地址:http://css3clickchart.com/CSS3 Generator比较常用的工具,常见CSS3属性都包含(Border Radius、Box Shadow、Text Shadow、RGBA、@Font Face、Multiple Columns、Box Resize、Box Sizing、Outline、Transitions、Trans 阅读全文
posted @ 2013-10-24 10:00 坚壳 阅读(657) 评论(0) 推荐(1) 编辑
  2013年10月9日
摘要: 上传功能应该是每个网站必备的工具之一,因此出现了出现了很多各式各样的上传插件!本文基于个人经验和使用从插件的:交互体验,易用性,文档,美观度出发,为大家推荐三款很NX的批量上传插件!下面三款插件的特点:1、简单易配置,2、带进度条上传,3、可批量上传自定义格式文件1、jQuery File Upload官网:http://blueimp.github.com/jQuery-File-Upload/在线示例:http://blueimp.github.com/jQuery-File-Upload/下载地址:https://github.com/blueimp/jQuery-File-Upload 阅读全文
posted @ 2013-10-09 18:02 坚壳 阅读(1008) 评论(1) 推荐(5) 编辑
  2013年9月24日
摘要: 鄙人先后在CERNET做过拨号接入,在Yahoo&3721搞过搜索前端,在猫扑处理过mop.com的架构升级,在6.cn视频网站从事开发工作,还在多年的工作中接触和开发过不少大中型网站的模块,因此在大型网站应对高负载和并发的解决方案上有一些积累和经验,希望和大家一起探讨。 一个小型的网站,比如个人网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构、性能的要求都很简单,随着互联网业务的不断丰富,网站相关的技术经过这些年的发展,已经细分到很细的方方面面,尤其对于大型网站来说,所采用的技术更是涉及面非常广,从硬件到软件 阅读全文
posted @ 2013-09-24 20:04 坚壳 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 有本经典的书叫《设计模式》,讲了经典的21种设计模式,建议大家都看看。1. 单一职责就一个类而言,应该仅有一个引起它变化的原因。如果一个类承担的职责过多,就等于把这些职责耦合在一起,一个职责的变化可能会削弱或者抑制这个类完成其他职责的能力。这种耦合会导致脆弱的设计,当变化发生时,设计会遭到意想不到的破坏。软件设计真正要做的许多内容,就是发现职责并把那些职责互相分离。如果你多于一个动机去改变一个类,那么这个类就具有多于一个的职责。2. 开放封闭软件实体(类,模块,函数等)应该可以扩展,但是不可修改。也就是说,对于扩展是开放的,对于更改是封闭的。如此设计,面对需求的改变可以保持相对的稳定,从而使系 阅读全文
posted @ 2013-09-24 19:41 坚壳 阅读(541) 评论(0) 推荐(0) 编辑