underscore

一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 　 <script src="1.js"></script> 　　<script src="2.js"></script> 　　<script src="3.js"></script> 　　<script src="4.js"></script> 　　<script src="5.js"></script> 　　<script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于js文件之间存在依赖关系，因此必须严格保证加载顺序（比如上例的1.js要在2.js的前面），依赖性最大的模块一定要放到最后加载，当依赖关系很复杂的时候，代码的编写和维护都会变得困难。 require.js的诞生，就是为了解决这两个问题： （1）实现js文件的异步加载，避免网页失去响应； （2）管理模块之间的依赖性，便于代码的编写和维护。 二、require.js的加载 使用require.js的第一步，是先去官方网站下载最新版本。 下载后

requireJs使用 requireJs 使用require.js的第一步，是先去官方网站下载最新版本。 下载后，假定把它放在js子目录下面，就可以加载了。 <script src="js/require.js"></script> 有人可能会想到，加载这个文件，也可能造成网页失去响应。解决办法有两个，一个是把它放在网页底部加载，另一个是写成下面这样： 　<script src="js/require.js" defer async="true" ></script> async属性表明这个文件需要异步加载，避免网页失去响应。IE不支持这个属性，只支持defer，所以把defer也写上。 加载require.js以后，下一步就要加载我们自己的代码了。假定我们自己的代码文件是main.js，也放在js目录下面。那么，只需要写成下面这样就行了： 　<script src="js/require.js" data-main="js/main"></script> data-main属性的作用是，指定网页程序的主模块。在上例中，就是js目录下面的main.js，这个文件会第一个被require.js加载。由于require.js默认的文件后缀名是js，所以可以把main.js简写成main。 主模块的写法 上一节的main.js，我把它称为"主模块"，意思是整个网页的入口代码

一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 <script src="1.js"></script> 　　<script src="2.js"></script> 　　<script src="3.js"></script> 　　<script src="4.js"></script> 　　<script src="5.js"></script> 　　<script src="6.js"></script> 　　 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于js文件之间存在依赖关系，因此必须严格保证加载顺序（比如上例的1.js要在2.js的前面），依赖性最大的模块一定要放到最后加载，当依赖关系很复杂的时候，代码的编写和维护都会变得困难。 require.js的诞生，就是为了解决这两个问题： 　　（1）实现js文件的异步加载，避免网页失去响应； 　　（2）管理模块之间的依赖性，便于代码的编写和维护。 　　 二、require.js的加载 使用require.js的第一步，是先去官方网站 下载 最新版本。

一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 <script src="1.js"></script> 　　<script src="2.js"></script> 　　<script src="3.js"></script> 　　<script src="4.js"></script> 　　<script src="5.js"></script> 　　<script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于js文件之间存在依赖关系，因此必须严格保证加载顺序（比如上例的1.js要在2.js的前面），依赖性最大的模块一定要放到最后加载，当依赖关系很复杂的时候，代码的编写和维护都会变得困难。 require.js的诞生，就是为了解决这两个问题： （1）实现js文件的异步加载，避免网页失去响应； （2）管理模块之间的依赖性，便于代码的编写和维护。 二、require.js的加载 使用require.js的第一步，是先去官方网站 下载 最新版本。 下载后

附：伪模块开发，终将会被es6的模块开发取代。其只为过渡阶段使用 一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 <script src="1.js"></script> 　 <script src="2.js"></script> 　　<script src="3.js"></script> 　　<script src="4.js"></script> 　　<script src="5.js"></script> 　　<script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于js文件之间存在依赖关系，因此必须严格保证加载顺序（比如上例的1.js要在2.js的前面），依赖性最大的模块一定要放到最后加载，当依赖关系很复杂的时候，代码的编写和维护都会变得困难。 require.js的诞生，就是为了解决这两个问题： 　　（1）实现js文件的异步加载，避免网页失去响应； 　　（2）管理模块之间的依赖性，便于代码的编写和维护。 二、require.js的加载

　　 最近的项目用到了require.js ，搜集一些资源留个备份，顺便分享给大家。 　　以下内容转自 阮一峰 老师的网络日志： http://www.ruanyifeng.com/blog/2012/11/require_js.html 　　更多学习资源： 　　　　require.js官网： http://requirejs.org/docs/download.html 　　　　一篇不错的文章： http://www.csdn.net/article/2012-09-27/2810404 一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 　　<script src="1.js"></script> 　　<script src="2.js"></script> 　　<script src="3.js"></script> 　　<script src="4.js"></script> 　　<script src="5.js"></script> 　　<script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> underscore的template()是一个十分重要的函数，该函数可以解析3种模板标签,分别如下： template() 函数模板标签 模板标签 功能 <% %> 标签中包含的通常是Javascript代码，在页面渲染数据时执行 <%= %> 标签中包含的通常是变量名、函数名、对象属性、执行时直接展现调用后的数据 <%- %> 标签在输出数据时，能将HTML标记转成常用字符串形式，以避免代码的攻击 调用格式 : _.template(templateString,[data],[settings]) 其中，参数templateString就是模板标签，可选参数data为渲染的数据，可选参数settings为自定义模板标签的字符格式，比如可以将<% %> 修改为 {% %} 格式 简单示例如下： <div id="test"></div> <script type="text/template" id="testTpl"> <% _.each(categorys, function (item) { %> <div> <%= item.categoryName %> </div> <% }); %> </script> <script type="text/javascript"> var categorys

最近看了下 underscore.js ，看到里面有个 template 的方法，小使了一下，感觉挺不错的，觉得能满足我日常工作的需求了，而且使用起来也简单容易，具体用法可以 参考这里 。还有， underscore.js 是个不错的东西呀，里面有很多很实用的方法，都可以顺手拿来使用，省了不少功夫呢。：） <script type="text/template" id="tpl"> <% _.each(datas, function (item) { %> <div class="outer"> <%= item.title %> - <%= item.url %> - <%= item.film %> </div> <% }); %> </script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> <script type="text/javascript"> var datas = [ { title: '标题1', url: 'http://www.baidu.com',

chain value 这个一定要掌握，因为可以链式调用，就像scala那样 each map reduce reduceRight find filter reject contains zip unzip max min 最基础的一堆，不用解释了 where findWhere 用一个key-value对象作为查询条件来返回 单个对象/对象列表 类似于mongodb的那种查询 every some 返回布尔值的断言函数 sortBy 排序 groupBy indexBy countBy 神器，三个都是传一个函数，这个函数会返回对象里的“key” 特别是indexBy，千万别重复造轮子了 shuffle sample 随机有关的 partition 划分为两个集合，不常用 first initial last rest 跟取头取尾有关的 compact 把false, null, 0, "", undefined 和 NaN 都删除 flatten without 不常用 union intersection difference uniq 集合有关的神器 object 神器，类似于scala里面，将 Array[(Key, Value)] 变成 Map（js里的对象） indexOf lastIndexOf 用 可比较大小的值 做线性 或者 二分查找 findIndex

作者： 阮一峰 这个系列的 第一部分 和 第二部分 ，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。 我采用的是一个非常流行的库 require.js 。 一、为什么要用require.js？ 最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 　　<script src="1.js"></script> 　　<script src="2.js"></script> 　　<script src="3.js"></script> 　　<script src="4.js"></script> 　　<script src="5.js"></script> 　　<script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先，加载的时候，浏览器会停止网页渲染，加载文件越多，网页失去响应的时间就会越长；其次，由于js文件之间存在依赖关 系，因此必须严格保证加载顺序（比如上例的1.js要在2.js的前面），依赖性最大的模块一定要放到最后加载，当依赖关系很复杂的时候，代码的编写和维 护都会变得困难。 require.js的诞生，就是为了解决这两个问题： 　　 　　（1