代理的任务是对本体的访问进行控制，并暴露出与本体完全相同的接口，将所有对它进行的方法调用传递给本体。注意代理既不像装饰者一样添加行为，也不像外观模式一样简化接口，记住：proxy‘s interface = origin’s interface。下面我们给出代理模式的结构示意图。

前言 这是本人的设计模式学习笔记，把自己学习过程中的一些总结和认识记录下来，与诸君共勉。本日为大家带来模板模式，迭代器模式，组合模式。 模板模式 基本概念 钩子：一种方法，在抽象类中不做或只做默认的事，让子类选择是否覆盖 模板：定义算法的基本骨架 原语：模板中的单元动作，往往以方法实现 模板方法模式指在...

这是本人的设计模式学习笔记，把自己学习过程中的一些总结和认识记录下来，与诸君共勉。本日为大家带来新年第一弹，命令模式，适配器模式和外观模式。

所谓单体模式，就是为了确保在程序中某一类只有一个实例对象，并提供对该实例的全局访问。更广义地说，单体是一个用来划分命名空间并将一批相关方法和属性组织在一起的对象。下面依然以javascript语言来作进一步阐释。

前言 这是本人的设计模式学习笔记，把自己学习过程中的一些总结和认识记录下来，与诸君共勉。 基本概念 所谓装饰者，就是为之前的对象添加行为的存在，允许行为可以被修改而无需修改现有代码。要想了解装饰者，首先要介绍几个重要的概念： 组件：被装饰的对象 装饰者：本身既是对象，以组件为参，返回装饰后的对象 接口...

Zeta.js 是一款为node打造的轻量级后端框架，引入了许多angular的概念，可以让你以一种不同于express的更有层次的方式编写后端代码。这里是Zeta的中文文档。

Zeta.js 是一款为node打造的轻量级后端框架，引入了许多angular的概念，可以让你以一种不同于express的更有层次的方式编写后端代码。这里是Zeta的中文文档。

Zeta.js 是一款为node打造的轻量级后端框架，引入了许多angular的概念，可以让你以一种不同于express的更有层次的方式编写后端代码。这里是Zeta的中文文档。

Zeta.js 是一款为node打造的轻量级后端框架，引入了许多angular的概念，可以让你以一种不同于express的更有层次的方式编写后端代码。这里是Zeta的中文文档。

Apache Bench是一个简单易用的压力测试工具，在这里我不想多讲。今天主要说的是写一个py脚本来自动化测试过程，以及中间遇到的一些奇葩问题。

对于新手而言，mocha的时序就像谜一般，许多奇怪的测试样例的失败都是由于对时序不清楚。下面我就把我在测试工作中总结的时序规则部分与大家共享。

到了开发的后期，测试工作往往是重中之重，但是测试本身又十分繁琐与复杂。对于使用js的朋友，对于我接下来要讲的内容绝对不会陌生，对，就是大名鼎鼎的摩卡！由于为我的好友开发的后端框架Zeta做测试工作，所以开始接触这一类测试工具和测试流程，就把我的学习经验分享给大家吧。

完成的功能 阅览文章 有作者信息栏 根据当前用户判断是否可修改文章 修改并保存文章 依赖的第三方工具 vue.js SuMarkdown jquery bootstrap-taginput 前言 我们先来分析一下这个功能的实现，其实这个过程中是需要很多数据的——作者的数据，文章的数据，当前用户的数据。如果分两个页面来做，显然许多异步数据会被重复加载...

我使用vim也有一段时日了，但依然还有许多强大的功能没有用上。中间也曾尝试过emacs和sublime，可能是先入为主了，总是感觉有些别扭，又回到vim。我把自己平时发现的一些使用的细节记录在此帖里，供自己与诸君翻阅，持续更新。

作为一名Web新手，我最早接触的是angular框架，之后我带着好奇看了看backbone和ember，毫无疑问它们都是十分优秀的作品，但要么太臃肿，要么学习曲线太陡峭。当我看到Vue.js的时候，我就瞬间被它的美感所吸引，angular的双向绑定与directive，backbone的小巧简洁，很好地结合在一起。而且它只是一个库，而非一个框架，你...

浏览器如何处理文件，文件的上载与下载到底是怎么回事？ 前端的各种处理方式 - 传统flash上传 - 新增iframe框ajax上载 - 表单数据提交 - HTML5的新工具——File API

异步方式的概述 通过事件达到异步操作 通过我们最熟悉的回调 类promise的方式 首先我们注意到1.5版本前后的jquery有一个重要的不同 {代码...} 1.5版本之后变成了优美的链式调用，并且可以对同一事件增加多个回调函数，原因是原生的xhr对象换成了jqxhr对象，里面有什么魔法呢？ 从promise讲起 promise在javascript编程世...

前言 由于讨厌各种上传插件和UI绑定，同样是为了自己练练手，我写了一个十分小巧的jQuery上传插件——JFile 文档链接 提供的功能 多文件上传 中途取消 文件大小、类型限制设定 能取到进度（进度条UI可以自己定制哦） 可选的上传图片预览 类似于jQuery AJAX的调用风格 依赖 上传依赖于FormData和Level2的XHttpRequest（一般...

由于想在自己的页面里嵌入markdown编辑器，搜了不少现成的，感觉都不是很满意： - EpicEditor：太丑，代码不高亮，没有工具栏 - Bootstrap-Markdown：不能多行代码，没有实时预览 - PageDown：不能多行代码，使用不方便 - zepto（没记错的话）：太重，是一个框架

javascript处理事件 事件种类 基本事件(表单,window,键盘,鼠标) HTML5事件(网络,通信,拖拽,历史记录等等) 移动设备事件 自定义事件 事件处理器的注册 首先得到元素对象element element.onEvent=handler; 这样的注册只能注册一个处理程序，但优先级最高，最先处理 element.addEventListener(eventName,handler,bool); boo...

最后，小提醒：工作之前先看看别人有没有提交，push之前看看有没有更新，优先推荐git fetch，还有在push之后就不要使用commit --amend了

content-based method 的想法很简单，就是——用户将买的物品应该与他过去买过的东西相似 。 所以这种想法的核心就在于如何得到物品的特征向量和他们之间相似度。 但是对于cold-start呢？这样的物品挑选出来也许本来就是用户会买的，推荐到底有没有价值呢？ 最重要的是这种方法只需要表达物品，更多的难度在于自然语言处理...

AngularJS作为一个小而精的框架，在UI设计和页面逻辑交互上有他天然的优势，为Web程序员提供了一种快捷开发的选项，更何况还有google这个干爹呢！ 作为一名AngularJS的初学者，我于此记录下我的学习过程。

显然我们可以看出这两个函数是不同的，虽然它们实现了相同的功能。 接下来我们先解释构造函数，当我们使用new操作符生成对象时，对象在进入函数之前就已经存在了，构造函数所完成的仅仅是初始化的工作。

This对象在js中就一直是个坑货，很难判断它到底指向什么，而我们由于来自C++或者python的self的经验，又常常会犯这一类的错误。接下来就详细地讲一下this对象的归属。

类型，类和ID选择器 带有空格的字体名称要用''引起来 对选择器分组可使同一规则适用于多个选择器，例子如下 {代码...} 选项的优先级 {代码...} 类型名与类名中间不应有空格 div.btn-success 通用选择器*，适用于文档所有元素 {代码...} 后代选择器 {代码...} 万万牢记，上下文选择符以空格作为分隔符，而分组选择符则以...

postion，float，display——版式  边框（border）。可以设置边框的宽窄、样式和颜色。  内边距（padding）。可以设置盒子内容区与边框的间距。  外边距（margin）。可以设置盒子与相邻元素的间距。

增加boxsizing：border-box属性，添加边距不再会使盒子变宽，而是使内容变窄。 在原有元素外增加div，然后设置div的边距，也能达到良好的效果 预防图片宽度超过父元素 {代码...} - 使用display：table-cell，可以像表格一样使元素内的子元素自动等高 布局更多地还是要思考，通过什么样的组织方式把元素分组归类，设计尽...

input的type：  text：基本的单行文本框。  password：文本显示为掩码。  checkbox：复选框。  radio：单选按钮。  submit：提交表单的按钮。  time、date、search：HTML5 文本框的变体。

这是我自己仿照简书的板式用bootstrap写的一个登陆注册页面，由于是新手，估计有的方法用的很不恰当，请大家不吝赐教。 废话不多说了，直接上代码 - HTML部分 {代码...} CSS部分 {代码...} 效果截图