根是地下的枝

ECMAScript 5 为数组定义了5个迭代方法，分别是every(), some(), filter(), map() 和 forEach()这五个方法都接收两个参数，第一个是将在数组中每一项上运行的函数，该函数接收三个参数，分别是该项的值，该项在数组中个索引，数组对象本身。第二个是可选参数，为运行该函数的作用域对象。一、every() 和 some() 比较相似，用于查询数组中的项是

前端同学李雷和后台同学韩梅梅分别在自己电脑上进行开发，后台接口写好的时候，李雷改动完就把前端代码上传到gitlab，然后在测试机上从gitlab上拉下来，然后在测试机上移动最新代码，最后回到本机刷新页面。有时候碰到网速不好的情况传个git传了半天，或者李雷刚上传完发现少写了一个单词，加上再传上一看尼玛单词又写错了。对于实时需要改动代码的李雷同学而言另外一种方案是李雷和韩梅梅分别在自己电脑上进行开发，

目录：（1）文件类型的input添加ng-model，选择文件之后在controller里面获取为undefined。（2）想让多个<tr>为一组进行repeat（3）在较慢设备上避免angular的内联模版表达式对用户可见。（4）ng-switch用法（5）在ng-repeat 中使用ng-hide或ng-if（6）使用ng-href设置a标签的href（7）select中ng-options 用

写在前面最近在看《MVC的Javascript富应用开发》一书，本来是抱着一口气读完的想法去看的，结果才看了一点就傻眼了：太多不懂的地方了。只好看一点查一点，一点一点往下看吧，进度虽慢但也一定要坚持看完。本学习笔记是对书上所讲解内容的理解和记录。 笔记里的代码大多会按书上摘录下来，因为《MVC的Javascript富应用开发》是结合了JQuery库，所以对于JQuery中不太懂的知识点也会附在代码

页面往往是动态变化的，我们经常需要在脚本里对元素的样式进行操作，刚学习js的时候大家都知道通过style属性设置css样式相关的属性，但有时候也想先获取样式，结果发现通过style取到的值是空，这就需要我们对这些概念足够熟练。一、设置样式每个dom元素都具有一个style属性，与平常的属性不一样，style的值是一个CSSStyleDeclaration对象，这个对象的属性代表了该对应元素的内联样式

事件委托其实并不是一个很高级的技巧，比如在一个页面里面，当只存在两个按钮的时候，可能你给按钮添加监听是这样的：（本文不考虑浏览器兼容性，关于事件的兼容性可参考前面的学习笔记）<div id="container"> <button id="btn1">按钮1</button> <button id="btn2">按钮2</button></div>var btn1 = docume

刚从java转到js的时候，最晕的地方就是碰到创建对象和扯到原型，java里面创建一个类然后new出来就是对象，而js是通过函数和原型来建立一套继承体系，两者感觉很相似但是又有很多不同的地方，但其实弄清楚原理之后也就没那么头晕了。

单例模式是设计模式里最基本也是最常用的模式之一，其特点是单体对象只存在一份实例，这样你就能确保在你的所有代码里面都使用着同样的全局资源。 在Java里面实现单例模式的方法是首先将构造函数私有化，在内部创建一个私有的静态变量保存实例，然后通过一个静态方法（一般取名为getInstance）将实例提供给外部访问。因为构造函数的私有化，所以外部无法对类进行实例化，而只能通过getInstance获取，所

模板Javascript中模板的核心概念是，将包含模板变量的HTML片段和Javascript对象做合并，把模板变量替换为对象中的属性值。书中讲到了几种库作为模板引擎，但是链接失效了，可以在这里下载，链接：jQuery.tmpl使用方式很简单，看一下它的说明就行了。给定一个模板，通过给它添加数据就能生成渲染好的元素节点，然后就可以将它添加到页面中，主要使用方法如：//数据var object =

今天进入第二个部分：控制器。控制器和状态从以往的开发经验来看，我们都是将状态保存在服务器的session或者本地cookie中，但Javascript应用往往被限制在单页面，所以我们也可以将状态保存在客户端的内存里面。保存在内存还意味着能带来更快的界面响应。在MVC里面，状态都是保存在控制器里的，控制器相当于应用中视图和模型的纽带。当加载页面的时候，控制器将事件处理程序绑定在视图里，并适时处理回调，

事件流事件流描述的是从页面中接收事件的顺序。js中有两种事件流，冒泡流和捕获流。两种流的名称都很形象，在由节点构成的一颗html树上面，冒泡流指事件开始时候由最具体的元素最先接收，然后逐级传播到最不具体的节点，比如在如下文档中：

在js中触发一个事件的时候，会产生一个事件对象，也就是函数处理程序中的event，通过event我们可以访问到所有与事件有关的信息，如事件的类型、事件发生对象等等。需要注意的是关于event对象IE 和 非IE在支持方式不同。DOM中的事件对象不管是标签内绑定事件，DOM0级还是DOM2级，事件处理程序都会传入一个event。<button id="myBtn" onclick="alert(eve

私有方法和属性在javascript中，因为没有类的概念，所以只能通过构造函数来模拟类，假设现在需要写一个手机类，这个手机需要传入一张电话号码，然后能打电话。最简单的方式是var Phone= function(num){ //手机号 this.num= num; //打电话 this.call = function(phone){ console.log(this.nu

跨域资源共享通过XMLHttpRequest实现ajax通信的时候有一个主要限制，来自于跨域安全策略。默认情况下，xhr对象只能访问到与包含它的页面位于同一个域中的资源。如果请求目标跨域，则会出现跨域问题： 下面的表格描述了在不同情况下允不允许跨域的情况：

首先要明确一下cookie的概念，因为HTTP协议是一种无状态协议，也就是说一旦服务器和客户端的数据交换完毕后，他们之间的连接就会被断开，再次交换数据的时候就需要再次建立连接，这就意味着服务器无法从连接上判断客户端。 为了解决这个问题，W3C引入了cookie机制。cookie就好比一个身份证，客户端请求服务器的时候，服务器将这个身份证颁发给客户端，客户端（浏览器）将这个身份证保存在本地，当下次连

闭包是指一个函数有权访问另一个函数作用域中的变量。 以一个简单的例子说明，有如下代码<ul> <li>我是第一个</li> <li>我是第二个</li> <li>我是第三个</li> <li>我是第四个</li></ul><script> function addListener(){ var ul = document.querySel

es6