摘要: 条件语句 ,javascript解释器可以根据一个表达式的值进行选择是否执行还是跳过这些语句,如if 语句 和switch语句if()else{}if 语句可以用在抽奖页面中根据各个奖项设置的概率的不同,从而让每个奖项的被抽中的概率也不同,具体代码如下:如:现在某公司要举办一个线上抽奖活动,奖项及设置的概率分别为:iphone5(1%),ipad(5%),2000元(9%),1800元(10%),1000元(20%),500元(25%),谢谢参与(30%); 1 var random = Math.random();//Math.random是Math函数中的一种,此函数的作用是随机产生0-1 阅读全文
posted @ 2013-08-14 13:28 Sandra-web前端 阅读(226) 评论(0) 推荐(0) 编辑
摘要: knockout.js主要是为了解决UI层与数据层绑定而产生的,这件主要学习knockout 中的observable(监控性)以及computed(依赖监控):例如现在我要给一个firstName,lastName绑定数据,那么我可以直接这样写:先写下html observable、 computed firstName lastName fullName 阅读全文
posted @ 2014-03-12 16:06 Sandra-web前端 阅读(272) 评论(0) 推荐(0) 编辑
摘要: Node.js模块的实现之前在网上查阅了许多介绍Node.js的文章,可惜对于Node.js的模块机制大都着墨不多。在后续介绍模块的使用之前,我认为有必要深入一下Node.js的模块机制。CommonJS规范早在Netscape诞生不久后,JavaScript就一直在探索本地编程的路,Rhino是其代表产物。无奈那时服务端JavaScript走的路均是参考众多服务器端语言来实现的,在这样的背景之下,一没有特色,二没有实用价值。但是随着JavaScript在前端的应用越来越广泛,以及服务端JavaScript的推动,JavaScript现有的规范十分薄弱,不利于JavaScript大规模的应用。 阅读全文
posted @ 2014-03-06 15:05 Sandra-web前端 阅读(221) 评论(0) 推荐(0) 编辑
摘要: WEB应用的快速发展,是的本地存储一些数据也成为一种重要的需求,实现的方案也有很多,最普通的就是cookie了,大家也经常都用,但是cookie的缺点是显而易见的,其他的方案比如:IE6以上的userData,Firefox下面的globalStorage,以及Flash的本地存储,除了Flash之外,其他的几个都有一些兼容性的问题。sessionStorage与localStorageWeb Storage实际上由两部分组成:sessionStorage与localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能 阅读全文
posted @ 2014-02-26 16:24 Sandra-web前端 阅读(8646) 评论(0) 推荐(1) 编辑
摘要: #bg{ background-color: #42c264;background-image: -webkit-linear-gradient(#4fec50, #42c264);background-image: -moz-linear-gradient(#4fec50, #42c264);background-image: -o-linear-gradient(#4fec50, #42c264);background-image: -ms-linear-gradient(#4fec50, #42c264);background-image: -chrome-linear-gradien. 阅读全文
posted @ 2014-02-19 11:35 Sandra-web前端 阅读(253) 评论(0) 推荐(0) 编辑
摘要: Internet Explorer 用户请下载安装Microsoft Internet Explorer Developer Toolbar,下载地址如下:http://www.microsoft.com/download/en/details.aspx?id=18359如果你在使用Safari,虽然ResizeMe(http://web.me.com/aaronholla/Safari_Extensions/ResizeMe.html)的功能类似且免费,但我最爱Resize(http://resizeSafari.com)。Firefox 用户请下载Firesizer(https://add 阅读全文
posted @ 2014-02-19 11:10 Sandra-web前端 阅读(271) 评论(0) 推荐(0) 编辑
摘要: zepto.js是一个专为mobile WebKit浏览器(如:Safari和Chrome)而开发的一个JavaScript框架。 它标榜自己在其简约的开发理念,能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架,是超轻量级的,只有5KB。 阅读全文
posted @ 2014-02-19 10:31 Sandra-web前端 阅读(236) 评论(0) 推荐(0) 编辑
摘要: attachEvent 与 addEventListener 的用法、区别 js添加事件 阅读全文
posted @ 2014-02-14 16:08 Sandra-web前端 阅读(641) 评论(0) 推荐(0) 编辑
摘要: a 绝对定位后 将a 设置成块级元素的时候,在IE下不起作用的解决方法:将a 设置背景色,并且将此背景色设置为透明即可:background:red;opacity:0; filter:alpha(opacity=0); 阅读全文
posted @ 2013-11-14 11:36 Sandra-web前端 阅读(187) 评论(0) 推荐(0) 编辑
摘要: http://www.open-open.com/ajax/4_jQuery.htm 阅读全文
posted @ 2013-10-19 13:29 Sandra-web前端 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 触发 inner的click事件时会触发他的父元素的click事件,为了在触发inner的click事件的时候,不触发父元素, 就需要运用到jquery 中的 event.stopPropagation,该方法就是在点击子元素时,阻止触发父元素的方法,具体可查看http://api.jquery.com/event.stopPropagation/ 阅读全文
posted @ 2013-10-10 20:25 Sandra-web前端 阅读(545) 评论(0) 推荐(0) 编辑