➽【面向对象及组件开发】
关注
分享
扫一扫
杭州-前端-求内推
这个作者很懒，什么都没留下…
展开
-
面向对象及组件开发（九）控制多个选项卡自动播放
我们使用组件开发的好处就是可以根据不同的需求，快速的做出可扩展可复用的组件，提高团队协同开发的效率。在下面的这个例子中，我复用原来的组件，在原来的组件的基础上扩展出了一个可自动播放的功能：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style>原创 2017-05-23 14:42:43 · 491 阅读 · 0 评论 -
面向对象及组件开发（一）面向对象简介
1.面向过程式写法<script type="text/javascript"> //面向过程的写法 function test(){} for(){} if(){}</script>2.面向对象式写法<script type="text/javascript"> /** * we are always using obj,such as arra原创 2017-05-22 12:47:56 · 463 阅读 · 0 评论 -
面向对象及组件开发（二）工厂模式
<script type="text/javascript"> //工厂模式其实就是封装函数 //为什么我们要叫他工厂模式呢?答案在下面: function createPerson(name){ //原料 var obj = new Object(); //制作加工 obj.name=name; ob原创 2017-05-22 12:49:48 · 340 阅读 · 0 评论 -
面向对象及组件开发（三）构造函数模式
<script type="text/javascript"> //构造函数首字母始终都应该以一个大写字母开头 //构造函数本身也是函数，只不过可以用来创建对象 function Person(name){ //'this' 在这里代表着 p1 或 p2 this.name=name; this.showName=function()原创 2017-05-22 12:52:00 · 325 阅读 · 0 评论 -
面向对象及组件发开发（四）理解对象的引用
1.实例一<script type="text/javascript"> function CreatePerson(name){ this.name=name; this.showName=function(){ alert(this.name); } } var p1 = new CreatePerson原创 2017-05-22 12:54:38 · 307 阅读 · 0 评论 -
面向对象及组件开发（五）普通方法与原型方法
1.普通方法<script type="text/javascript"> var arr1 = [1,2,3,4,5]; var arr2 = [2,2,2,2,2]; arr1.sum = function(){ var result = 0; for(var i=0;i<this.length;i++){ resul原创 2017-05-22 15:28:46 · 319 阅读 · 0 评论 -
面向对象及组件开发（六）工厂模式之原型
我们创建的每一个函数都有一个 prototype 属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。使用原型对象的好处是可以让所有对象实例共享它所包含的属性和方法。换句话说，不必在构造函数中定义对象实例的信息，而是可以将这些信息直接添加到原型对象中。<script type="text/javascript"> //能够共享的放在原创 2017-05-22 15:31:42 · 310 阅读 · 0 评论 -
面向对象及组件开发（七）传统选项卡和面向对象选项卡编写
1.传统方式编写选项卡<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{margin: 0;padding: 0} #box{ height: 100px; width: 250px; m原创 2017-05-22 15:34:52 · 293 阅读 · 0 评论 -
面向对象及组件开发（八）this 指向
能清楚的知道 this 的指向，对于编写面向对象的程序来说是至关重要的。下面我们来看两个小例子：1.第一个例子oDiv.onclick = show;function show(){ // 此时 this 指向 oDiv;}2.第二个例子oDiv.onclick = function(){ show();}function show(){ // 这个时候 this 指向原创 2017-05-22 19:12:24 · 290 阅读 · 0 评论