非打印字符

简单页面中使用

html

<div class="container">
  <div>342424242</div>
</div>

css

<style lang="">
  .container{position: relative;width:200px;height: 200px;overflow: hidden;}
  .container div{width:1000px;height: 1000px;background-color: #ccc;}
</style>

js

<script src="js/jquery.js"></script>
<script src="js/perfect-scrollbar.jquery.js"></script>
<script src="js/perfect-scrollbar.js"></script>
<script>
  $('.container').perfectScrollbar();
</script>

概述

CMD规范和AMD相似，尽量保持简单，并且与CommonJS和NodeJS的Modules规范保持了很大的兼容性。
AMD和CMD都是用difine和require，但是CMD标准倾向于在使用过程中提出依赖，就是不管代码写到哪突然发现需要依赖另一个模块，那就在当前代码用require引入就可以了，规范会帮你搞定预加载，你随便写就可以了。但是AMD标准让你必须提前在头部依赖参数部分写好（没有写好？ 倒回去写好咯）。这就是最明显的区别。

AMD和CMD的区别

概述

AMD规范其实只有一个主要接口 define(id,dependencies,factory)，它要在声明模块的时候指定所有的依赖dependencies，并且还要当做形参传到factory中，对于依赖的模块提前执行，依赖前置

define("module", ["dep1", "dep2"], function(d1, d2) {  
  return someExportedValue;  
});  
require(["module", "../file"], function(module, file) { /* ... */ });

require函数调用模块

概述

CommonJS规范是为了解决javascript的作用域问题而定义的模块形式。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。
服务器端的Node.js遵循CommonJS规范。核心思想是允许模块通过require 方法来同步加载所要依赖的其他模块，然后通过 exports或module.exports来导出需要暴露的变量或接口。
CommonJS是同步加载模块，但其实也有浏览器端的实现，其原理是将所有模块都定义好并通过id进行索引，这样就可以浏览器进行解析了
如果想在多个文件分享变量，必须定义为global对象的属性,但不推荐使用。

导出:

讲真，朋友知道我最近开始学backbone，都觉得我在填坑，在大家都在学vue的时候，我还在学横跨了他们好几个时代的框架，我也很无奈啊。更加无奈的是，我愣是没有看懂，没办法毕竟是一只菜鸟。直到刚才，我终于摸到一点门路了，可把我高兴坏了，控制不住地想把整个过程写下来，记录下一只菜鸟学backbone的艰辛历程。总共没几行代码,我就不pogithub地址了。
我就是实现了一个很简单的click功能（学习要一点点来嘛，先要把模板，数据和视图之间走通，对，我刚刚才走通）
之前没走通的时候还把带有bug的代码push到了github的仓库内，不过，毕竟关注的人少，还是只能自己默默地解决问题。

html部分同之前没有用collection的一样,这里就不赘述了.

template部分

<script type="text/template" id="content_template">
    <div id="content">
        显示
        <input type="checkbox" <%= obj.done?'checked= "checked"':'' %> />是否选择 
    </div>
</script>

model部分

var Test =Backbone.Model.extend({
    default:{
        done:false  //默认不选
    }
});

collection部分

基础

Vue.js是当下很火的一个MVVM库，Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。

安装

1.直接<script>引入，开发版;生产版;
2.命令行工具(CLI)

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

hello vue 示例