随笔分类 -  JavaScript

jsonp的使用
摘要：假设我们已经了解什么是同源策略，以及什么是浏览器的同源策略的限制。现在我们需要在a.demo.com下的某个页面one.html 里加载不同域b.demo.com下的json数据。我们都知道用我使用webstorm自带的浏览器查看功能，所以当我打开时，他的地址栏是这样的：http://localho... 阅读全文
posted @ 2014-11-24 22:06 april吖～ 阅读(449) 评论(0) 推荐(0)
被滥用的for in循环
摘要：众所周知，javascript中有两种for循环，一种是： var a=['this','is','a','article'], i, len; for( i = 0,len = a.length... 阅读全文
posted @ 2014-11-06 10:26 april吖～ 阅读(438) 评论(0) 推荐(0)
正确使用ng-if和ng-show
摘要：在使用bootstrap中，我们会经常用到按钮组，也就是btn-group，如果仔细观察的话，会发现一个按钮组的第一个和最后一个按钮分别是有圆角的，如下图：但是中间的按钮是没有圆角的，这样显得比较美观。在结合angular使用过程中，有时候需要根据一些条件来隐藏掉一些按钮，当隐藏第一个或最后一个按钮... 阅读全文
posted @ 2014-11-05 21:52 april吖～ 阅读(34180) 评论(2) 推荐(2)
一些JavaScript中的DOM的优化小技巧
摘要：在进行DOM优化时需要关注的问题有：修改DOM的时候，会引起页面的重排，重绘。因为JS是单线程执行的，那么在重排重绘的过程中可能会阻塞用户的操作。为了更好的用户体验，必须要严格控制这些操作。一、对象集合 NodeList当我们调用：getElementsByTagName，getElementsBy... 阅读全文
posted @ 2014-07-31 16:44 april吖～ 阅读(274) 评论(0) 推荐(0)
JavaScript中Ajax
摘要：Ajax技术，就是指：向服务器请求额外的数据而无须重新加载整个页面。其核心就是 XMLHttpRequest对象。（简称：XHR）在这里，我们先讨论IE7及更高版本，以及FF，Opera，Chrome，Safari都支持的XHR。创建一个XHR对象：var xhr = new XMLHttpRequest();XHR对象有几个方法，一个一个来：open()：xhr.open("get","exam... 阅读全文
posted @ 2014-07-31 13:03 april吖～ 阅读(606) 评论(0) 推荐(0)
JavaScript中的防篡改对象
摘要：由于JavaScript共享的特性，任何对象都可以被放在同一环境下运行的代码修改。例如：var person = {name:"caibin'}person.age = 21;即使第一行定义了完整的person对象，那么第二行代码仍然可以对其添加属性，删除属性等。我们有三个方法可以防止你做出这些行为。一、不可扩展对象：先来看person本身的扩展性：Object.isExtensible(pers... 阅读全文
posted @ 2014-07-30 21:58 april吖～ 阅读(275) 评论(0) 推荐(0)
小谈一下JavaScript中的JSON
摘要：一、JSON的语法可以表示以下三种类型的值：1、简单值：字符串，数值，布尔值，null比如：5，"你好"，false，nullJSON中字符串必须用双引号，而JS中则没有强制规定。2、对象比如：1 {2 "name":"蔡斌",3 "age":21,4 "isRich":fa... 阅读全文
posted @ 2014-07-30 00:36 april吖～ 阅读(360) 评论(0) 推荐(0)
JavaScript中的Math对象
摘要：Math对象中提供的计算功能执行起来比你在代码中写的js要快得多，这是它的一个很好的优点。属性：属性说明Math.E即常量e的值Math.LN10ln10Math.LN2ln2Math.LOG2E2为底e的对数Math.LOG10E10为底e的对数Math.PIπMath.SQRT1_21/2的平方... 阅读全文
posted @ 2014-07-25 18:00 april吖～ 阅读(269) 评论(0) 推荐(0)
浅谈JavaScript中的闭包
摘要：浅谈JavaScript中的闭包在JavaScript中，闭包是指这样一个函数：它有权访问另一个函数作用域中的变量。创建一个闭包的常用的方式：在一个函数内部创建另一个函数。比如：1 function compareByProperty(propertyName){2 returnfuncti... 阅读全文
posted @ 2014-07-25 17:53 april吖～ 阅读(232) 评论(0) 推荐(0)
JavaScript中的事件
摘要：事件流：事件冒泡：（IE的事件流），事件开始时，由最具体的元素接收，然后逐级向上传播到较为不具体的节点。 On Click This Div 点击div标签，事件传播的顺序： → → → document支持大多数新旧版浏览器，放心使用。事件捕获：（NetScape团队提... 阅读全文
posted @ 2014-07-21 17:16 april吖～ 阅读(292) 评论(0) 推荐(0)
JavaScript中的String
摘要：1、基本类型Stringvar str ="helloworld";要记住：保存的是Unicode字符，一旦创建便不可变2、引用类型Stringvar strObj =newString("hello world");要点：字符方法： alert (strObj.charAt(0));// 'h'... 阅读全文
posted @ 2014-07-21 17:10 april吖～ 阅读(295) 评论(0) 推荐(0)