ligang2585116
ligang2585116

JavaScript设计模式--代理模式

明星都有经纪人作为代理。如果请明星办一场商演，只能联系其经纪人，经纪人会把商演的细节和报酬谈好，再把合同交给明星签。

一、定义

代理模式：为一个对象提供一个代用品或占位符，以便控制对它的访问。
代理分为：保护代理和虚拟代理
保护代理：用于控制不同权限的对象对目标对象的访问，在JavaScript中很难判断谁访问了某个对象，所以保护代理很难实现。

二、图片预加载（最常见的虚拟代理应用场景）

图片预加载是一种常用技术，如果直接给某个img标签节点设置src属性，由于图片过大或者网络不佳，图片的位置往往有段时间会有空白。常见的做法事先用一张loading图片占位，然后异步加载图片，待图片加载完成，把其填充到img节点里。
实现原理：
创建一个Image对象：var a = new Image();
定义Image对象的src: a.src = “xxx.gif”;
这样做就相当于给浏览器缓存了一张图片。

可通过Image对象的complete属性来检测图像是否加载完成。每个Image对象都有一个complete属性，当图像处于装载过程中时，该属性值false,当发生了onload、onerror、onabort中任何一个事件后，则表示图像装载过程结束，此时complete属性为true。

（1）非代理实现

var myImage = (function() {
    var imgNode = document.createElement("img");
    document.body.appendChild(imgNode);
    var img = new Image();

    img.onload = function() {
        imgNode.src = img.src;
    };

    return {
        setSrc: function(src) {
            imgNode.src = "./images/loading.gif";
            img.src = src;
        }
    }
})();

myImage.setSrc("./images/originImg.png");

（2）代理实现

// 创建图片DOM
var myImage = (function() {
    var imgNode = document.createElement("img");
    document.body.appendChild(imgNode);

    return {
        setSrc: function(src) {
            imgNode.src = src;
        }
    };
})();

// 代理
var proxyImage = (function() {
    var img = new Image();

    img.onload = function() {
        myImage.setSrc(this.src);   // this指向img！img加载完成后，将img.src传递给myImage
    };

    return {
        setSrc: function(src) {
            myImage.setSrc("./images/loading.gif");     // loading
            img.src = src;
        }
    };
})();

proxyImage.setSrc("./images/originImg.png");

使用代理模式的好处：使每个函数功能单一，实现对象设计的“单一职责原则”！

三、文件同步

假设我们在做一个文件同步功能，当选中checkbox时候，它对应的文件就会被同步到另外一台服务器。

<body>
        <input type="checkbox" id="1" />文件1
        <input type="checkbox" id="2" />文件2
        <input type="checkbox" id="3" />文件3
        <input type="checkbox" id="4" />文件4
        <input type="checkbox" id="5" />文件5
        <input type="checkbox" id="6" />文件6
    </body>

没选中一个checkbox就同步一次，显然不太合理。因为在web开发中，最大的开销就是网络请求。
解决方案方案：通过一个代理函数来收集一段时间之内的请求，然后一次性发给服务器。

var synchronousFile = function(id) {
    console.log("开始同步文件，id为：" + id);
};

var proxySynchonousFile = (function() {
    var cache = [],     // 保存本次需要同步文件的id
        timer;          // 定时器

    return function(id) {
        cache.push(id);
        if(timer) { 
            // 不要覆盖已经启动的定时
            return;
        }

        timer = setTimeout(function(){
            synchronousFile(cache.join(","));
            clearTimeout(timer);
            timer = null;
            cache.length = 0;   // 清空缓存
        }, 2000);
    }
})();

var checkboxs = document.getElementsByTagName("input");

for(var i = 0, c; c = checkboxs[i]; i++) {
    c.onclick = function() {
        if(this.checked === true) {
            proxySynchonousFile(this.id);
        }
    }
}

四、缓存代理–计算乘积（序列一模一样）

var mult = function() {
    var result = 1;
    for(var i = 0, l = arguments.length; i < l; i++) {
        result= result * arguments[i];
    }
    return result;
};

var proxyMult = (function() {
    var cache = {};     // {"1,2,3": 6}
    return function() {
        var args = Array.prototype.join.call(arguments, ",");
        if(args in cache) {
            return cache[args];
        }
        return cache[args] = mult.apply(this, arguments);
    }
})();

console.log(proxyMult(1, 2, 3));

// 改造：

var proxyFactory = function(fn) {
    var cache = {};
    return function() {
        var args = Array.prototype.join.call(arguments, ",");
        if(args in cache) {
            return cache[args];
        }
        return cache[args] = fn.apply(this, arguments);
    }   
};

console.log(proxyFactory(mult)(1, 2, 3));

转载请标明出处：http://blog.csdn.net/ligang2585116

你可能感兴趣的:(JavaScript,代理模式,js设计模式)

  • js判断字符在不在数组里面的5种方式 ～二向箔～ js基础踩坑手册javascript前端性能优化
    在JavaScript中，想要判断一个字符是否存在于数组中。1.使用Array.prototype.includesincludes方法返回一个布尔值，表示数组是否包含指定的元素。constarray=['a','b','c','d'];constchar='b';if(array.includes(char)){console.log(`${char}存在于数组中`);}else{console
  • ecmascript6_ECMAScript 2015（ES6）概述 cumian8165 字符串javascriptjavapythonjsViewUI
    ecmascript6ES6isthenewerstandardization/versionofJavascript,whichwasreleasedin2015.ItisimportanttolearnES6,becauseithasmanynewfeaturesthathelpdeveloperswriteandunderstandJavaScriptmoreeasily.ModernFra
  • ECMAScript 扩展运算符与剩余参数：现代 JavaScript 的利器 布兰妮甜 JavaScript-行为javascriptecmascript扩展运算符剩余参数前端
    Hi，我是布兰妮甜！在现代JavaScript开发中，ECMAScript6（ES6）引入了许多强大的语法特性，其中扩展运算符（SpreadOperator）和剩余参数（RestParameters）是两个非常实用的功能。它们不仅简化了代码的编写，还提高了代码的可读性和灵活性。本文将深入探讨这两个特性的用法及其在实际开发中的应用。文章目录一、扩展运算符（SpreadOperator）二、剩余参数（
  • HTML5响应式网页模板：构建跨平台网站的完整解决方案 朱昆 iamkun
    本文还有配套的精品资源，点击获取简介：本资源包含一套完整的HTML5源码，用于创建适用于手机和电脑的跨平台网站，特别适合需要提供一致用户体验的开发者。资源特点包括：HTML5的新特性、响应式设计、前端页面基础框架、多种页面布局的网站模板。HTML5简化了开发过程并增强了网页交互性，响应式设计使得网站能在不同设备上自适应，而前端技术如CSS和JavaScript则负责页面的样式和动态功能。此外，还涵
  • HTML中元素和标签有什么区别？ DTcode7 HTML网站开发#前端基础入门三大核心之htmlHTML前端webJavaScript网页开发
    HTML中元素和标签有什么区别？元素（Element）示例一：元素的基本结构示例二：自闭合元素示例三：嵌套元素标签（Tag）示例四：标签与属性示例五：标签的使用场景示例六：标签与浏览器解析不同角度的功能使用思路角度一：选择器和CSS角度二：JavaScript操作角度三：语义化标签角度四：表单元素角度五：响应式设计实际工作中的使用技巧在HTML（HyperTextMarkupLanguage）的世
  • vite：初学 p5.js demo 画圆圈 belldeep javascriptjavascriptp5.jsvitecircleellipse
    p5.js是一个JavaScript的函数库，它在制作之初就和Processing有同样的目标。就是让艺术家，设计师，教育工作者和编程初学者能够很容易，很轻松地学习和使用程序设计。实际上就是对canvas等代码的封装，简化了在Web中绘图的代码。为了方便，我将使用vite搭建一个原生js项目。1.创建项目npmcreatevite@latestp5-demo选：Vanilla选：JavaScrip
  • 华为OD机试：Excel单元格数值统计问题解决方案（C++、Java、JavaScript、Python）详解 m0_57781768 华为odexcelc++
    华为OD机试：Excel单元格数值统计问题解决方案（C++、Java、JavaScript、Python）详解在华为OD机试中，Excel单元格数值统计问题是一个常见的算法考题，它模拟了Excel中对表格区域进行数值统计的功能。此题的核心在于解析Excel中单元格内容，并对指定区域的数值进行求和操作。通过这篇文章，我们将详细介绍该问题的解决思路，并给出C++、Java、JavaScript、Pyt
  • 【Gee-Web框架】【Day6】【Golang】模板Template 行者无疆xcc GeeWeb前端golang开发语言
    实现静态资源服务StaticResource支持HTML模板渲染一、服务端渲染1.简要说明前后端分离的开发模式，web后端提供RESTful接口，返回结构化的数据（通常是JSON或者XML），前端使用AJAX技术请求到所需的数据，利用JavaScript进行渲染。Vue/React等前端框架火热，优势突出后端专注解决资源利用、并发、数据库等问题，只需考虑数据如何生成前端专注界面设计实现，只需要考虑
  • 在Vue中，onLoad，onShow ，mounted的区别 檐角小猫 vue.js前端javascript
    1.onLoad触发时机：页面首次加载时触发，且只会触发一次。适用场景：适合在页面加载时执行一次性操作，比如获取页面参数、初始化数据、发送请求等。特点：可以接收页面传递的参数（通过options对象）。是UniApp页面生命周期钩子，不是Vue组件的钩子。示例代码javascriptexportdefault{onLoad(options){console.log('页面加载，参数为:',opti
  • React Native 0.78版本发布 wayne214 reactnative
    这个版本在ReactNative中集成了React19，还带来了一些其他相关特性，比如原生支持Android矢量图形（AndroidVectordrawables），以及在iOS上更好的混合开发（brownfieldintegration）体验。亮点React19迈向更小巧、更快速的版本发布Metro中JavaScript日志的可选开启功能新增对AndroidXML图形资源的支持iOS上的Reac
  • WebSocket的详解 小陆不会敲代码 网络websocket网络协议网络学习笔记node.js
    文章目录前言一、WebSocket是什么？二、WebSocket使用示例前端部分（JavaScript）后端部分（Node.js示例）三、WebSocket心跳机制前端心跳示例后端心跳检测示例（Node.js）四、WebSocket常用事件：五、WebSocket使用场景五、总结前言WebSocket是一种网络通信协议，它提供了一个全双工的通信通道，允许服务器与客户端之间进行实时数据交换。与传统的
  • 代码随想录---算法训练营---总结 感谢上Di_123 前端算法题前端javascript
    这个是结营时期的刷题量，开营的时候不到一百道题。我总共参加了60天这个代码随想录的算法训练营，每天按照计划逐步进行算法训练，卡尔老师讲的很好，要是有不理解的，偶尔会给他提建议，提问题。祝愿代码随想录未来发展越来越好这个训练营，真的刷新了我对算法的认知。其实对于一个前端JavaScript开发工程师来说，对算法要求不是很高，平常的工作中，顶多就写写递归，写写深搜和广搜，其他的方法真的对于我来说很少接
  • js处理字符串、数组、对象常用方法汇总 编码七号 javascript开发语言ecmascript
    字符串（String）字符串是JavaScript中的基本数据类型之一，用于表示文本数据。以下是一些常用的字符串操作方法：charAt(index):返回指定索引处的字符。charCodeAt(index):返回指定索引处的字符的Unicode编码。concat(string2,string3,...,stringN):连接两个或多个字符串，并返回新的字符串。includes(searchStri
  • Go实战全家桶之五十二：go函数式编程 leijmdas go实战全家桶gogolang
    github.com/samber/lo是一个非常流行的Go语言库，提供了丰富的函数式编程工具，类似于JavaScript中的Lodash。它通过泛型支持，为Go开发者提供了许多便捷的集合操作函数（如Map、Filter、Reduce、Uniq等）。然而，是否认为它是“最好的”函数式编程库，取决于具体的需求和使用场景。以下是对lo库的详细分析，帮助你判断它是否适合你的项目：1.lo库的优点1.1丰
  • 如何使用Node.js搭建本地服务器 安静旅者 node.js服务器运维编程
    Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，它提供了一种轻量级且高效的方式来构建网络应用程序。在本文中，我们将深入探讨如何使用Node.js搭建一个简单的本地服务器。步骤1：安装Node.js首先，你需要在你的计算机上安装Node.js。你可以从Node.js官方网站（https://nodejs.org）下载适合你操作系统的安装包，然后按照安装向导进行安装。步骤
  • 在 JavaScript 中，可以通过以下几种方式判断函数是否是通过 new 关键字调用的 斯~内克 javaScriptjavascript开发语言ecmascript
    在JavaScript中，可以通过以下几种方式判断函数是否是通过new关键字调用的：方法1：使用new.target(ES6+推荐)functionMyClass(){if(new.target===MyClass){console.log('通过new调用');}else{console.log('未通过new调用');}}//测试newMyClass();//输出"通过new调用"MyClas
  • 深入JavaScript实战：解决常见问题与性能优化技巧 moton2017 javascriptAxiosFetchAPI字符串操作SET数据结构Map数据结构
    目录一、JavaScript关键点1.1核心特性1.2主要用途1.3ECMAScript标准二、JavaScript数据操作方法2.1JavaScript数组方法2.2JavaScript其他数据操作方法（1）对象操作（2）字符串操作（3）数字操作（4）Set和Map数据结构三、JavaScript如何防范XSS攻击？3.1编码与转义3.2校验输入3.3使用安全的库和框架3.4配置HTTP头3.5
  • Webpack缓存优化策略探讨 创梦引领 webpack缓存前端JavaScript
    在前端开发中，Webpack是一个广泛使用的模块打包工具，它可以将多个前端资源（如JavaScript、CSS、图片等）打包成静态资源，以提高应用的加载速度和性能。然而，由于前端应用的不断迭代更新，缓存成为一个重要的优化方向。本文将探讨如何通过Webpack的缓存优化策略来提升应用的性能。一、文件指纹文件指纹是实现缓存策略的基础。通过给文件名添加唯一的标识符，可以实现在文件内容未变化时，仍然使用缓
  • Vue打包后生成的文件及编程细节 心之飞翼 vue.js前端javascript编程
    Vue.js是一种流行的JavaScript框架，用于构建现代化的单页应用程序。当我们开发一个Vue应用并准备将其部署到生产环境时，我们需要对应用进行打包，以便生成最终的可执行文件。在这篇文章中，我们将详细讨论Vue打包后生成的文件，以及与之相关的编程细节。1.打包工具：Webpack在Vue项目中，常用的打包工具是Webpack。Webpack提供了强大的模块打包能力，能够将Vue应用中的各种资
  • 深入理解 JavaScript 执行上下文 www.www JavaScript相关javascript开发语言ecmascript
    深入理解JavaScript执行上下文什么是JavaScript执行上下文JavaScript执行上下文的分类全局执行上下文函数执行上下文eval执行上下文JavaScript管理执行上下文的方式：执行上下文栈什么是JavaScript执行上下文概念：JavaScript中，在执行任何代码之前，JavaScript引擎会先创建一个执行上下文（globalexecutioncontext）。它包含有
  • python反爬虫处理--处理动态内容加载（Selenium库） 范哥来了 python爬虫开发语言
    使用Selenium处理动态加载的内容Selenium是一个强大的工具，可以用来模拟真实用户与网页进行交互。这对于处理那些通过JavaScript动态加载内容的网站特别有用。下面我将介绍如何安装Selenium库以及如何使用它来抓取动态加载的内容。1.安装Selenium库首先，您需要确保已经安装了Selenium库。您可以使用pip来安装Selenium：pipinstallselenium此外
  • JavaScript 通过逗号将字符串拆分为数组 贾宝玉单臂擒方腊 javascript前端开发语言
    本文展示了如何在JavaScript中通过逗号将字符串拆分为数组。为此，我们可以使用split()方法此方法将指定的String划分为子字符串的有序列表，将这些子字符串保存到一个数组中并返回该数组。它根据separator;划分字符串它可以是singlespace,comma,colon或任何其他模式。这意味着当在提供的字符串中找到split()时，该方法在每个点拆分一个字符串separator，
  • JavaScript逆向爬虫教程-------基础篇之JavaScript混淆原理 zru_9602 热门话题javascript爬虫开发语言
    目录一、常量的混淆原理1.1对象属性的两种访问方式1.2十六进制字符串1.3Unicode字符串1.4字符串的ASCII码混淆1.5字符串常量加密1.6数值常量加密二、增加JS逆向者的工作量2.1数组混淆2.2数组乱序2.3花指令2.4jsfuck三、代码执行流程的防护原理3.1流程平坦化3.2逗号表达式混淆四、其他代码防护方案4.1eval加密4.2内存爆破4.3检测代码是否格式化一、常量的混淆
  • Javascript监听回车键和取消回车键提交 思想永无止境 Web前端javascript回车键回车事件
    添加回车事件：document.onkeydown=function(event){vare=event||window.event||arguments.callee.caller.arguments[0];if(e&&e.keyCode==13){$("save_btn").click();}};取消回车键提交
  • 使用setimmediate实现可伸缩执行的脚本 load_life html5javascript浏览器functionchromeperformanceie
    看过我对JavaScript性能优化相关的讨论的同学们一定很了解我的一个癖好，就是将一大段的script分解成多个块来执行。通过使用setTimeout()，你可以去改变特定代码执行的时间，从而做到让UI现场执行已经在队列里的任务。比如，你可以通过这样的方式把要执行的代码在50ms后加到UI线程队列里：setTimeout(function(){//dosomething},50)那么，在50ms
  • 工程化与框架系列（22）--前端性能优化（中） 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架前端性能优化状态模式
    前端性能优化（运行）引言运行时性能直接影响用户交互体验和应用流畅度。本文将深入探讨前端运行时性能优化的各种策略和技术，包括渲染优化、内存管理、计算优化等关键主题，帮助开发者构建高性能的Web应用。运行时性能概述运行时性能优化主要关注以下方面：渲染性能：减少重排重绘，优化动画效果内存管理：防止内存泄漏，优化内存使用计算优化：提升JavaScript执行效率事件处理：优化事件监听和响应异步操作：合理使
  • Vue.js 开发入门指南 2401_89793006 热门话题vue.jsflutter前端
    Vue.js开发入门指南Vue.js是一款流行的前端框架，它轻量、高效且易于上手，非常适合构建交互式Web应用。本文将介绍Vue.js的基础概念，并带你实现一个简单的Vue应用。1.Vue.js简介Vue.js是一个渐进式JavaScript框架，核心库专注于视图层，并且易于与其他库或现有项目集成。它的主要特点包括：双向数据绑定：数据和视图保持同步。组件化开发：方便代码复用，提高开发效率。虚拟DO
  • npm、Yarn 与 pnpm：选择最适合你的包管理工具 奶凶的小熊崽 前端npmnpm前端node.js
    在前端项目中，npm、pnpm和yarn都是包管理工具，主要用于管理JavaScript依赖。它们的核心功能类似，但在性能、依赖管理方式、磁盘空间占用等方面有所不同。以下是它们的详细对比，以及在项目中的选择建议。一、三者的基本介绍1️⃣npm（NodePackageManager）官方默认包管理器，随Node.js一起安装（无需额外安装）。版本：npmv1-v4（较早版本）：安装速度较慢，存在幽灵
  • VSCode 配置优化指南：打造高效的 uni-app、Vue2/3、JS/TS 开发环境 奶凶的小熊崽 vscodevscodeuni-appjavascripttypescriptvue
    VSCode配置优化指南，适用于uni-app、Vue2、Vue3、JavaScript、TypeScript开发，包括插件推荐、设置优化、代码片段、调试配置等，确保你的开发体验更加流畅高效。1.安装VSCode如果你还未安装VSCode，可前往VSCode官网下载最新版并安装。2.安装推荐插件(1)Vue相关插件✅VueLanguageFeatures(Volar)（Vue3推荐）✅Vetur（
  • JavaScript ES6 - 函数扩展 黑木令 ES6语法解析JavaScriptjavascript前端es6开发语言
    本章节的主要内容是:ES6函数扩展一:函数扩展1.函数新增特性:1.参数默认值2.rest参数3.扩展运算符4.箭头函数5.this绑定6.尾调用如图所示:1.ES6函数参数默认值/**1.函数参数默认值1.ES6设置默认值,直接写在参数定义的后面。2.细节知识点:1.ES6参数变量是默认声明的,所以在函数体中不能用let/const再次声明,否则会报错。2.ES6默认值不是传值,而是每次都重新计
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他