(function (root, factory) { if (typeof define === 'function' && define.amd) { // AMD define(['jquery', 'underscore'], factory); } else if (typeof exports === 'object') { // Node, CommonJS之类的 module.exports = factory(require('jquery'), require('und…

浅谈MVVM模式和MVP模式--Vue.js向 传统前端开发的MVP模式 MVP开发模式的理解过程 首先代码分为三层: model层(数据层), presenter层(控制层/业务逻辑相关) view(视图层) MVP模式代码示例 M层在上图代码中不太明显,分析P层和V层是如何通信: 当视图发生改变,点击提交按钮后,控制器中的代码会执行. 控制器负责所有的逻辑,控制器可以去调模型层,比如发起ajax请求,只是此处代码并没有数据. 控制器处理完业务逻辑之后,控制器会通过DOM操作再去改变视图. 结…

.mytitle { background: #2B6695; color: white; font-family: "微软雅黑", "宋体", "黑体", Arial; font-size: 18px; font-weight: bold; height: 25px; line-height: 25px; margin: 15px 0 !important; padding: 5px 0 5px 20px; width: 97% } 本文版权归…

### 定义遍历与赋值JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值:```var a=1;<!--or-->var a;a=1 ``` ### 输出输出函数> 注意!此函数存在于高级代码模式```eo.info("Hello eoLinker !") ``` ![](https://user-gold-cdn.xitu.io/2018/9/21/165faf9cd086be95?w=1714&h=767&f=png&am…

var S = function (salary) { return salary * 4; }; var A = function (salary) { return salary * 3; }; var B = function (salary) { return salary * 2; }; var calculateBonus = function (func, salary) { return func(salary); }; calculateBonus(S, 10000); 能看出…

比如我随便打开一个js文件,可以发现它的代码都挤在一行中,这对我们查找一些变量很不友好 解决方式:点击图中标红的那个按钮就可以了…

历史 JS诞生之初面向简单页面开发, 没有模块的概念. 后来页面逐渐复杂, 人类构造到 IIFE 立即执行函数来模拟 模块: 之前也有雅虎的实践,使用命名空间 作为模块名. 最后衍生出 面向各种使用场景 的 JS 模块标准. 例如: 面向浏览器的 AMD 面向Nodejs的 CommonJS 对于这种分裂状态ES标准也在尽力弥合. 但是目前流行的实践是 UMD模式. AMD https://www.davidbcalhoun.com/2014/what-is-amd-commonjs-and-u…

1. 单体模式是js中最基本 单最有用的模式之一,非常常用. 单体模式的基本结构如下: var Person = { name: 'lilu', age:', sayHi: function(){ alert('); }, sayBye: function(){ alert('); } } 这个栗子中,所有的成员都可以通过Person进行访问,用点运算符就行. 如: Person.name = "zczc"; Person.age = "; var hi = Person.s…

备忘录模式在js中经常用于数据缓存. 比如一个分页控件, 从服务器获得某一页的数据后可以存入缓存.以后再翻回这一页的时候,可以直接使用缓存里的数据而无需再次请求服务器. 实现比较简单,伪代码: var Page = function(){ var page = 1, cache = {}, data; return function( page ){ if ( cache[ page ] ){ data = cache[ page ]; render( data ); }else{ Ajax.s…

singleton模式,又名单例模式.顾名思义,就是只能实例化一次的类(javascript中没有真正的类,我们通常用函数来模拟类,习惯称之为"伪类").具体地说,singleton模式,就是在该实例不存在的情况下,可以通过可以方法创建一个类来实现创建类的新实例:如果实例已经存在,它会返回一个该对象的引用. 接下来我将用一个案列来将singleton模式进行分析.在我们的web网上通常会看到一些图片的放大查看,如下图:                                  …