cowlkkn0275-CSDN博客

原创 angularjs点滴

表达式：与js区别1、属性表达式：属性表达式对应于当前作用域，js对应全局对象window。angular要使用window作用域要使用$window,反之js使用angular表达式要使用$eval()2、允许未定义值，js会抛出异常3、没有流程控制结构，不能使用if能4、存在过滤器，value | filter1 | filter2

2014-04-18 18:05:34 1115

转载说说AngularJs——自定义指令（三）

自定义指令学习有段时间了，学了些纸上谈兵的东西，还没有真正的写个指令出来呢。。。所以，随着学习的接近尾声，本篇除了介绍剩余的几个参数外，还将动手结合使用各参数，写个真正能用的指令出来玩玩。　　我们在自定义指令（上）中，写了一个简单的，能够跟美女打招呼。但是看看人家ng内置的指令，都是这么用的：ng-model=”m”，ng-repeat=”a in array”，不单单是作为属性，还可以赋

2014-04-17 15:44:05 1462

转载说说AngularJs——自定义指令（二）

上一篇简单介绍了自定义一个指令的几个简单参数，restrict、template、templateUrl、replace、transclude，这几个理解起来相对容易很多，因为它们只涉及到了表现，而没有涉及行为。这一篇将继续学习ng自定义指令的几个重量级参数，了解了它们之后我们的custom directive将不光能“看”，还要能“动”。开始~理解compile和link　　不知大家

2014-04-17 15:39:02 1106

转载说说AngularJs——自定义指令（一）

一、有感而发的一些话　　在学习ng之前有听前辈说过，angular上手比较难，初学者可能不太适应其语法以及思想。随着对ng探索的一步步深入，也确实感觉到了这一点，尤其是框架内部的某些执行机制，其复杂程度并非是我现在的功力能够理解的，只能是知其皮毛。我现在学习的途径是官方文档 + AngularJS在github上的中文粗译版（https://github.com/basestyle/ang

2014-04-17 15:35:41 1482

原创 angularJs（一）指令

1、调用指令调用可以ng:bind, ng-bind, ng_bind, x-ng-bind , data-ng-bind这些方式 Hello scriptfunction Ctrl1($scope) { $

2014-04-17 13:32:24 983

原创 require.js学习总结

1、为什么使用require.js作为命名空间；作为命名空间使用；异步加载js，避免阻塞，提高性能；js通过require加载，不必写很多script2、require.js的加载require.js下载下载后，放在指定目录就可以加载了有人可能会想到，加载这个文件，也可能造成网页失去响应。解决办法有两个，一个是把它放在网页底部加载，另一个是写成下面这样：

2014-04-03 14:48:01 7187

原创 javascript模块化编程（二）—AMD规范

一、js的模块化规范：服务器端：commonjs浏览器端：AMD（"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"）二、为什么采用AMD如下代码var math = require('math');　　math.add(2, 3);必须等待math.js加载完成，否则会出现加载时间很长现象三、definedefine(i

2014-03-31 16:48:12 2054

原创 underscore学习笔记—更新日志

写在前面：学习是以1.5.2版本为例1.6.0 2014.2.10下载链接：开发版本生产版本官网1、数组函数新增partition（将数组分割为两个数组）_.partition(array, predicate)利用partition条件分割为两个数组，一个为true的，一个为false的_.partition([0, 1, 2, 3, 4, 5], is

2014-03-28 11:16:40 990

原创 underscore学习笔记—与函数有关的函数/Function

写在前面1.5.2版本计12个函数1、bind（绑定函数到对象上）_.bind(function, object, [*arguments])无论何时调用函数，函数里的this都指向这个对象。可选参数argument用来填充函数的参数var func = function(greeting){ return greeting + ': ' + this.name };f

2014-03-27 11:31:39 1868

原创 underscore学习笔记—链式语法/Chaining

1.5.2版本以下两种风格实现的效果相同_.map([1, 2, 3], function(n){ return n * 2; });_([1, 2, 3]).map(function(n){ return n * 2; });对一个对象使用 chain 方法, 会把这个对象封装并让以后每次方法的调用结束后都返回这个封装的对象, 当您完成了计算, 可以使用 value 函数来取得最

2014-03-26 12:57:31 1614

原创 underscore学习笔记—实用功能/Utility

写在前面：1.5.2版本，计10个函数1、noConflict（转换_控制变量）_.noConflict()放弃Underscore 的控制变量"_"。返回Underscore 对象的引用。var underscore = _.noConflict();2、identity（返回传入参数相等的值）返回与传入参数相等的值. 相当于数学里

2014-03-25 15:27:08 1304

原创 underscore学习笔记—对象函数/Objects（二）

写在前面：1.5.2版本，计28个函数15、isElement（判断是否为DOM）_.isElement(object)判断对象是否为DOM元素，是则返回true；_.isElement(jQuery('body')[0]);=> true16、isArray（判断是否为数组）_.isArray(object)判断对象是否为数组，是

2014-03-24 18:28:23 1411

原创 underscore学习笔记—对象函数/Objects（一）

写在前面：1.5.2版本，计28个函数1、keys（取属性）_.keys(objects)获取对象所有的属性名称_.keys({one: 1, two: 2, three: 3});=> ["one", "two", "three"]2、values（取属性值）_.values(objects)返回对象所有的属性值_.val

2014-03-19 17:43:02 1577

原创任务配置详解—grunt入门指南

任务配置指的是grunt.initConfig({})中的任务配置，上一篇文章我们配置了uglify（这里指任务名，而不是插件名）任务，用于压缩js文件，接单演示了任务配置的功能。这一篇教程将深入讲解任务配置的细节。多任务目标构建中有二个关键字：任务（task）和目标（target），一个任务可以包含多个任务目标。grunt.initConfig({ //任

2014-03-19 14:44:48 813

原创 underscore学习笔记—数组函数/Arrays

写在前面：1.5.2版本，计17个函数集合函数能在数组、对象和类数组对象，如arguments、NodeList和类似的数据类型上工作，要避免传递一个不固定length属性的对象1、first（返回数组第一个元素）_.first(array, [n])返回数组第一个元素，若存在n，则从数组中第一个元素开始的n个元素返回_.first([5, 4, 3, 2, 1

2014-03-19 13:44:40 6186

原创 Getting started—grunt入门指南

什么是grunt？grunt是javascript项目构建工具，在grunt流行之前，前端项目的构建打包大多数使用ant。但ant对于前端而言，存在不友好，执行效率低，学习成本高的问题。“人活一世，有的成了面子，有的成了里子都是时势使然”—《一代宗师》grunt成为面子，ant成为里子，也是时势使然（只是说前端项目构建中），js模块化和场景复杂化，导致js文件颗粒化，而像l

2014-03-19 12:54:23 857

原创 javascript模块化编程

一、模块的写法1、原始写法模块就是实现特定功能的一组方法。只要把不同的函数简单的放在一起，就是一个模块function m1(){ console.dir("111");}function m2(){ console.dir("222");}m1（）和m2（）组成了一个模块，使用的时候，直接调用就行了m1();=>111缺点：“污染”了全局变量，无法保

2014-03-18 16:10:13 994

原创 grunt简介

grunt是一个javascript任务运行工具。一、为什么要使用任务运行工具？自动化。当你处理诸如代码最小化，代码编译，单元测试，代码规范校验等等重复任务时非常需要二、安装CLInpm install -g grunt-cli安装cli并不是安装grunt，cli工作很简单，就是在Gruntfile所在目录调用运行已经安装好的相应版本的grunt，即意味着同一台机器上可以安装

2014-03-18 10:52:38 1646

原创 underscore学习笔记—集合函数/collections（二）

写在前面：1.5.2版本，计24个函数集合函数能在数组、对象和类数组对象，如arguments、NodeList和类似的数据类型上工作，要避免传递一个不固定length属性的对象list：待遍历的集合对象literator：迭代器，即转换函数memo：初始值官方下载地址（最新版本）13、invoke（调用） _.invoke(list, met

2014-03-18 09:51:41 2277

原创 js数组常用函数

1、concatconcat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。var a = [1,2,3];document.write(a.concat(4,5));输出1,2,3,4,5也可以同时连接多个数组，如arr.concat(arr2, arr3)

2014-03-17 17:08:02 590

原创 underscore学习笔记—集合函数/collections（一）

写在前面：集合函数能在数组、对象和类数组对象，如arguments、NodeList和类似的数据类型上工作，要避免传递一个不固定length属性的对象each _.each(list, iterator, [context])遍历list中所有元素，并按顺序遍历输出每个元素。如果传递context，则把iterator绑定到context对象上。调用iterator会传递三个参数（

2014-03-17 16:37:12 940

原创防止事件冒泡

冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。jQuery对DOM的事件触发具有冒泡特性。有时利用这一特性可以减少重复代码，但有时候我们又不希望事件冒泡。这个时候就要阻止jQuery.Event冒泡。在jQuery.Event的文档中的开头得知，jQuery.Event对象是符合W3C标准的一个事件对象，同时jQuery.Event免去了检查兼容IE的步骤。

2014-03-17 16:13:41 875

原创 setTimeout延时0毫秒的作用

经常看到setTimeout延时0ms的javascript代码，感到很迷惑，难道延时0ms和不延时不是一个道理吗？后来通过查资料以及实验得出以下两个作用，可能还有作用我还不知道，希望得知的朋友在后面评论上不吝指出。1、实现javascript的异步；正常情况下javascript都是按照顺序执行的。但是我们可能让该语句后面的语句执行完再执行本身，这时就可以用到setTimeout延时0m

2014-03-17 15:43:30 1221

wlkkn的专栏