关键词：

目录

• 一：背景介绍
• 二：面向对象思想
• • 面向对象思想：
• 三：分析过程
• • 1、颗粒封装、组合使用
  • • 将所有页面中的公共内容抽取出来，封装成组件
  • 2、可复用、可扩展
  • • 通过组件的组合生产对应的页面
• 四：总结

一：背景介绍

在进行软件开发之前，我们需要进行原型图的设计，那么在设计原型图的时候，会有许多相同的内容，我们要做许多重复性的工作，效率很低，而且这是一种面向过程的思想。那么如何做才能提高效率呢？

二：面向对象思想

面向对象思想：

1. 我们要注重谁来干事，而不是怎么干事
2. 颗粒封装、组合使用
3. 可复用、可扩展

三：分析过程

我想在其他页面使用以下图中所有内容，我一开始是在其他页面一个一个控件进行添加，一个小时下来什么事情都没有做好，效率极低。

1、颗粒封装、组合使用

将所有页面中的公共内容抽取出来，封装成组件

2、可复用、可扩展

通过组件的组合生产对应的页面

四：总结

思想上移，行动下移。思想上移：我们学到的东西不仅仅只是一个概念。行动下移：是要实践，落实下来。所以我们应该把这个“思想上移，行动下移”完美的在我们的身上体现出来。

教学典型案例21.面向对象复用面向对象实现立体化权限落地

目录一：背景介绍1、针对于激励配置的功能体现出来的：面向对象的思想就可以实现极大程度的复用性的问题2、脱离学习通设计图，过程化，如何用面向对象的思想来去组织管理流程图3、词云位置记录定制化二&... 查看详情

教学典型案例18.开门小例子理解面向对象(代码片段)

目录一：背景介绍业务场景：业务分析：二：实现思路1、面向过程：2、面向对象（抽象、封装、继承、多态）3、面向对象（抽象、封装、继承、多态、反射）三：实现过程1、面向过程࿱... 查看详情

08.22javascript原型的定义原型链获取原型操作原型的属性判断原型是自有的还是继承的各种方法

#原型###定义* 每一个对象都有原型* 原型仍然是一个对象* 模拟实现面向对象的继承性###原型链* 对象的原型还有原型* 对象除了可以使用自有属性还可以继承原型上的属性###获取原型* 对象.__proto__* 构造... 查看详情

java原型模式（prototypepattern）(代码片段)

模式简介原型模式（PrototypePattern）是用于创建重复的对象，同时又能保证性能。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。在软件系统中,有时候需要多次创建某一类型的对象，... 查看详情

原型和原型链—javascript面向对象高级

原型 1.原型有什么用：js是用原型来实现继承 2.原型是：每一个对象都有其原型对象__proto__,这个原型对象指向构造它的构造函数的原型属性prototype. ##一、函数和对象的关系## 1.函数是对象的一种，instanceof可以判断... 查看详情

详解java设计模式之原型模式（prototypepattern）(代码片段)

模式简介原型模式（PrototypePattern）是用于创建重复的对象，同时又能保证性能。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。在软件系统中,有时候需要多次创建某一类型的对象，... 查看详情

深刻理解javascript基于原型的面向对象

主题一、原型 一、基于原型的语言的特点 1只有对象,没有类;对象继承对象,而不是类继承类。 2 “原型对象”是基于原型语言的核心概念。原型对象是新对象的模板，它将自身的属性共享给新对象。一个对象不但... 查看详情

面向对象中的原型和原型链

  今天我们要说的是面向对象中的原型链，在说原型链之前，我们先一步一步来了解一下面向对象中的一些基本概念。一.类 类是指具有相同特征（属性）和行为（方法）的事物的集合。二.对象 对象的目的实际上... 查看详情

js面向对象与原型

面向对象与原型一、创建对象 1、基本方法1varbox=newObject();//创建对象2box.name=‘Lee‘;//添加属性3box.age=100;4box.run=function(){//添加方法5returnthis.name+this.age+‘运行中...‘;//this表示当前作用于下的对象6};78alert(box.run());910alert(this.anme) 查看详情

十面向对象与原型

十一、面向对象与原型 ECMAScript有两种开发模式：1.函数式(过程化)，2.面向对象(OOP)。面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。但是，ECMAScript没有类的概念，因... 查看详情

ecmascript面向对象——之原型对象

原型对象1、每只要创建一个新的函数，就会根据默认的规则创建一个prototype属性，这个属性指向函数的原型对象。2、原型对象有一个constructor构造函数属性，又指回它所在的函数3、如果函数是构造函数，那么由这个函数创建的... 查看详情

javascript面向对象与原型

ECMAScript有两种开发模式:1.函数式(过程化);2.面向对象(OOP);一创建对象1.普通的创建对象?123456789//创建一个对象,然后给这个对象新的属性和方法;  varbox=newObject();      //创建一个Object对象;  box.nam... 查看详情

面向对象

继承（原型链）a-->b-->c1、扩展原型对象往原型对象中添加新属性,实例也可以共享,Person.prototype.say=function(){};2、替换原型对象把默认的原型对象替换掉,Person.prototype={constructor:Person,p1:function(){}等多个属性}3、混入继承(extend)将... 查看详情

javascript面向对象(代码片段)

JavaScript面向对象（三）JavaScript原型链Object的原型顶层原型创建Object对象的内存图Object是所有类的父类原型链实现继承借用构造函数实现继承面向对象的三大特性：封装、继承、多态本文主要内容：利用JavaScript原... 查看详情

面向对象之原型——challenge

面向对象之原型object-oriented面向对象的设计，不同于其他语言，js中的面向对象没有类的概念，因此，其对象也有些特殊。所谓对象就是无序属性的集合，其属性可以包含基本值、对象、函数。也就是说对象是一组没有特定顺序... 查看详情

javascript面向对象原型继承

<scripttype="text/javascript"> //原型链继承functionshape(){this.name="shape";this.showname=function(){console.log(this.name);}}functionshape_Two(){this.name=‘shape_Two‘}functionTriangle(side,height 查看详情

第一百零九节，javascript面向对象与原型

JavaScript面向对象与原型 学习要点：1.学习条件2.创建对象3.原型4.继承 ECMAScript有两种开发模式：1.函数式(过程化)，2.面向对象(OOP)。面向对象的语言有一个标志，那就是类的概念，而通过类可以创建任意多个具有相同属性... 查看详情

面向对象和原型

##JavaScript高级第二天###面向对象的三大特性*封装*继承自己没有的，拿别人过来用，就是继承*多态父类引用指向子类的对象（JavaScript中用不到）###创建对象的四种方式*使用字面量创建对象```jsvaro={key:value,key:value...}```用一个创建... 查看详情