wireframe,prototype,mockup 三者经常被混用,很多人把三者都叫原型,真的是这样吗? 我们来看看三者到底有何不同.先来做一道选择题: 从这张图可以看出,prototype 和其他两者的不同之处在于是否可交互,可点击,prototype 是动态的:而 wireframe 和 mockup 则是静态的.wireframe 和 mockup 之间的区别则在于是否高保真.   wireframe 之于 prototype 就像建筑蓝图之于样板房.对比图   wireframe——不

时代的变迁,科技的进步,工具的发展,薪资的差距,促使许多人转行的原因,但平面与界面两者之间有着哪些的差异呢?如果,想要转行又该具备哪些条件呢? 平面.界面设计之间的差异性 平面设计以『视觉』为主轴,强调资讯阅读的可视性以及爆炸的视觉效果,来吸引人们关注,而界面设计除了考虑视觉效果外,还同时需要专注在『使用需求』,一个好的产品讲究界面操作的逻辑性与流畅性,再搭配视觉的张力,才能让产品贴近于完美. 小型公司担任平面设计经常处于单打独斗,讨论的对象通常是老板.客户等(看公司产业性质而定),内容的需求.

1.Axure的用途      Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图.操作流程图.以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发.      Axure RP就是用来给网站画图纸的软件.它如同服装设计师的样衣,如同建筑师的图纸,如同电影导演的故事板,如同售楼处的样板间.总之,它能让你在真正付出时间和金钱来制作一个网站之前,能够完全了解到最终真正网站所具有的功能,设计,交互和用户体验.就亲眼看到,亲手用到一个网站.然后在

function test(){ var p=200; function q(){ return p++; } return q; } var s = test(); alert(s()); alert(s()); 闭包: 在外部访问函数内部的变量:通过函数内部的函数,return 出 函数内部的变量 原型链继承: <script type="text/javascript"> //定义一个people类,包括eye和hand两个属性,和 run 的方法. function

原型设计模式: 用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象. 原型设计模式简单的来说,顾名思义, 不去创建新的对象进而保留原型的一种设计模式. 缺点:原型设计模式是的最主要的缺点就是这个克隆方法需要对类的功能进行检测,这对于全新的类来说较容易,但对已有的类进行改造时将不是件容易的事情: interface Prototype { public function copy(); } 原型类: class PrototypeDemo implements Prototype {

Function.prototype.toString这个原型方法可以帮助你获得函数的源代码, 比如: function hello ( msg ){ console.log("hello") } console.log( hello.toString() ); 输出: 'function hello( msg ){ \ console.log("hello") \ }' 这个方法真是碉堡了-, 通过合适的正则, 我们可以从中提取出丰富的信息. 函数名 函数形参列表

在javascript的使用过程中,constructor 和prototype这两个概念是相当重要的,深入的理解这两个概念对理解js的一些核心概念非常的重要. 我们在定义函数的时候,函数定义的时候函数本身就会默认有一个prototype的属性,而我们如果用new 运算符来生成一个对象的时候就没有prototype属性.我们来看一个例子,来说明这个 function a(c){ this.b = c; this.d =function(){ alert(this.b); }}var obj =

原型模式(Prototype) 定义: 原型模式:用原型实例指定创建对象的种类,并且通过复制这些原型创建新的对象.被复制的实例被称为原型,这个原型是可定制的. Prototype Pattern也是一种创建型模式,它关注的是大量相同或相似对象的创建问题.应用原型模式就是建立一个原型,然后通过对原型来进行复制的方法,来产生一个和原型相同或相似的新对象,或者说用原型实例指定创建对象的种类,并且通过复制这些原型创建新的对象. 模式中的角色 抽象原型类(Abstract Prototype):提供一个克

在接触JS的过程中,随着理解的深入会逐渐的理解一些比较深奥的理论或者知识,那么今天我们来介绍一下比较难理解的prototype和constructor. 初步理解: 在说prototype和constructor之前我们先得看几个例子. function name(obj){ alert(obj)//"uw3c" } name("uw3c") 这是个普通的自调用的例子,大家都能理解,那么看下一个例子: function name(obj){ alert(obj)//

var arr1 = new Array(12,34,98,43,38,79,56,1); arr1.sum=function (){ var result = 0; for(var i=0; i<this.length; i++){ result += this[i]; } return result; }; alert(arr1.sum()); 如果现在还有个arr1 对象也要求和 var arr2 = new Array(54,29,1,10); 那么还要给 arr2再添加一个求个的方法

背景 最近在看Redux源码,createStore用于注册一个全局store,其内部维护一个Listeren数组,存放state变化时所有的响应函数. 其中store.subscribe(listener)用于注册一个listener,同时返回一个unsubscribe方法,用于注销当前注册的listener. 源码中查询listener索引时用到了Array.indexOf方法,如下: 一直用indexOf做值类型数组的查询,故对于此种情况记录下 Array.prototype.indexO

proto属性: 所有对象都有此属性.但它不是规范里定义的属性,并不是所有JavaScript运行环境都支持.它指向对象的原型,也就是你说的继承链里的原型.通过Object.getPrototypeOf方法也可以获取对象的原型. prototype属性: 只有函数-准确地说是构造函数-才有此属性,比如Math. pow这样的非构造函数就没有此属性.构造函数是干嘛的?是用来构造(即new)对象的.prototype就是为构造对象这个过程服务的,它指明了构造函数将要创建出来的对象的原型是谁,这样当你

把方法写在构造函数内的情况我们简称为函数内方法,把方法写在prototype属性上的情况我们简称为prototype上的方法 函数内的方法: 使用函数内的方法我们可以访问到函数内部的私有变量,如果我们通过构造函数new出来的对象需要我们操作构造函数内部的私有变量的话, 我们这个时候就要考虑使用函数内的方法. prototype上的方法: 当我们需要通过一个函数创建大量的对象,并且这些对象还都有许多的方法的时候;这时我们就要考虑在函数的prototype上添加这些方法. 这种情况下我们代码的内存占

我想javascript中的原型链一直想很多初学javascript的同学感到非常的困惑,今天看了一些文章,结合自己的理解,把原型链这个东西从新来整理一下,如有不对之处,望大家帮忙指出. 首先,我们应该认识的一个问题是,js中的继承是指对__proto__的继承,而不是prototype,这里有同学要问了:“那他们两个有么子区别呢?”,  请看官方的定义: 1. A function's .prototype is actually the prototype of things made by

如果替换了prototype对象, o.prototype = {};那么,下一步必然是为新的prototype对象加上constructor属性,并将这个属性指回原来的构造函数. o.prototype.constructor = o;

//Animal构造函数 function Animal(name){ this.name = name; } //Animal原型对象 Animal.prototype = { id:"Animal", sleep:function(){ alert("sleep"); } } var dog = new Animal("旺才"); alert(dog.name);//旺才 alert(dog.id);//Animal dog.sleep()/

来源 今年某前端笔试的一道题,大概就是实现一遍filter,包括一个可以改变上下文的要求,其实就是改变this啦,跟原生的filter一样的功能跟参数. 解析 filter的功能就是过滤,传入一个函数作为条件,返回true则将元素加入最终返回的数组中. 实现 Array.prototype.filter = function(cb, context){ context = context || this; //确定上下文,默认为this var len = this.length; //数组的长

Array.prototype.slice的妙用 开门见山,关于Array 的slice的用法可以参考这里 http://www.w3school.com.cn/js/jsref_slice_array.asp . 除了常见的从某个数组中抽取出新的数组外,它还有一些其他的用法. 经常的,可以看到Array.prototype.slice(arguments, 0); 这个写法可以用于function() {} 内,这样可以将函数的参数列表转换成一个真正的数组.请看一个例子: var slice

相关链接: JS面向对象(1) -- 简介,入门,系统常用类,自定义类,constructor,typeof,instanceof,对象在内存中的表现形式 JS面向对象(2) -- this的使用,对象之间的赋值,for...in语句,delete使用,成员方法,json对象的使用,prototype的使用,原型继承与原型链 JS面向对象(3) -- Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法 1.this的使用 核心:在js中,this表示当前对

1.原型模式简介 1.1>.定义 原型模式(Prototype)用原型实例指定创建对象的种类,并且通过复制这些原型创建新的对象. 1.2>.使用频率 中 1.3>.原型模式应用 首先从实际生活来了解原型模式的由来,假设你有一份非常好的讲义,你的朋友也想要一份,那么怎么办?重新手抄一份?显然不是,当然是用复印机复印一份来得方便.直接,并且准确性也高,这种用原型来复制而不是重新创建的思维方式就是原型模式的核心思想. Prototype Pattern也是一种创建型模式,它关注的是大量相同或相