面向对象
关注
分享
扫一扫
sweetllh
不疯癫，不成魔
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js的包装对象
字符串不是对象，为什么它会有属性？只要引用字符串的属性，JavaScript就会将字符串值通过调用 new String()的方式转换成对象，这个对象继承了字符串的方法，并被用来处理字符串的属性的引用。一旦引用结束，这个新的对象就会被销毁（实际实现上并不一定创建或销毁这个临时对象，然而整个过程看起来是这样）。同理数字和布尔也有各自的Number()和Boolean()构造函数创建临时对象，这些方法的原创 2017-06-29 16:52:22 · 304 阅读 · 0 评论 -
array数组的使用
定义： var arr = [1,3,5,7,9]; var arr = new Array(1,3,5,7,9); 使用上没有差别，[]性能会高一点点一个属性，length 设置或获取数据的长度，如果设置的新长度小于原有长度，多余的数据会丢失。使用原则：数组中只保存同一类型的数据数组的常用方法// 在数组最后添加新的数据，push()*****// 把数组最后一个数据删除并返回删原创 2017-04-20 17:36:12 · 556 阅读 · 0 评论 -
BOM（浏览器对象模型）对象总结
1.window对象BOM的核心对象是window，它表示浏览器的一个实例，它也是ECMAScript规定的Globle对象，也就是说网页中任何一个对象都是在window这个对象里面的。如果有用到框架(frameset)，那么每个框架都有自己的window对象. 如下例子：var a = "666";aler(a); //666alert(window.a) //666两条alert都是弹原创 2017-06-29 20:20:35 · 2812 阅读 · 0 评论 -
js面向对象的继承--拷贝，类式继承，原型继承
1、拷贝继承<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function Aaa(){//父类 this.name='张三';原创 2017-06-30 20:15:39 · 448 阅读 · 0 评论 -
js面向对象组件开发框架
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //修正组件开发的参数问题：1.参数不够；2.顺序问题 //1.参数不够原创 2017-06-30 20:18:11 · 767 阅读 · 0 评论 -
js面向对象组件开发---拖拽
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ position: relative; } #原创 2017-06-30 20:23:40 · 403 阅读 · 0 评论 -
js面向对象组件开发---弹窗
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0;原创 2017-06-30 20:30:09 · 1105 阅读 · 0 评论 -
call和apply的区别
1、方法定义call, apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call, apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了.这两个方法是容易混淆的,因为它们的作用一样,只是使用方式不同.call方法:语法：call([原创 2017-07-03 00:11:21 · 472 阅读 · 0 评论 -
浅析javaScript中的浅拷贝和深拷贝
拷贝就是把父对像的属性，全部拷贝给子对象。1、javaScript的变量类型（1）基本类型：5种基本数据类型Undefined、Null、Boolean、Number 和 String，变量是直接按值存放的，存放在栈内存中的简单数据段，可以直接访问。（2）引用类型：存放在堆内存中的对象，变量保存的是一个指针，这个指针指向另一个位置。当需要访问引用类型（如对象，数组等）的值时，首先从栈中获得该对象的地转载 2017-07-03 10:29:08 · 412 阅读 · 0 评论 -
js数组去重的三种常用方法总结
第一种是比较常规的方法思路：1.构建一个新的数组存放结果2.for循环中每次从原数组中取出一个元素，用这个元素循环与结果数组对比3.若结果数组中没有该元素，则存到结果数组中Array.prototype.unique1 = function(){ var res = [this[0]]; for(var i = 1; i < this.length; i++){ var repeat = f原创 2017-07-03 11:17:02 · 390 阅读 · 0 评论 -
正则表达式验证邮箱地址
邮箱@前缀的几种类型：1、纯数字 123456@qq.com 2、纯字母 zhangsan@qq.com 3、字母数字混合 zhang123@qq.com 4、带点的 zhang.san@qq.com 5、带下划线 zhang_san@qq.com 6、带连接线 zhang-san@qq.com邮箱@后缀的类型：1、123456@qq原创 2017-07-03 14:23:38 · 3816 阅读 · 0 评论 -
写一个function，清除字符串前后两端的空格
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var str = " hyu kop jkl ";原创 2017-07-03 16:14:55 · 3356 阅读 · 0 评论 -
js的面向对象（通俗解说）
参考博文http://www.cnblogs.com/czm0718/p/5203929.html什么是对象？ 万物皆对象，比如电视机就是一个对象，很具体的一个实例。什么是面向对象（OOP）？（是一种思想） 1使用对象时，只关注对象提供的功能，不关注其内部细节， 2可以构造函数。 我要看电视，我可以不清楚电视机的内部原理，但我会用电视机表面的功能按键，声音，频道等，并不会影响我使用这个电视对转载 2017-06-27 19:08:04 · 781 阅读 · 0 评论 -
string字符串常用方法
定义字符串：var s1 = 'string';var s2 = "string";var s3 = new String('string');常用方法： 获取给定位置的字符string.charAt//(位置)string[10]; 拼接两个字符串，原字符串不会做改变，产生一个新的字符串var string3 = string1.concat(string2);var st原创 2017-04-21 18:15:37 · 312 阅读 · 0 评论 -
Date日期的常用方法
计算机的时间是以1970年1月1日0时0分0秒(英国格林尼治天文台)开始 创建日期：var date = new Date(); //获取当前的时间<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>日期的使用</title> </head> <body> </bod原创 2017-04-20 17:47:01 · 573 阅读 · 0 评论 -
三张图搞懂JavaScript的原型对象与原型链
参考博文：http://www.cnblogs.com/shuiyi/p/5305435.html对于新人来说，JavaScript的原型是一个很让人头疼的事情，一来prototype容易与proto混淆，二来它们之间的各种指向实在有些复杂，其实市面上已经有非常多的文章在尝试说清楚，有一张所谓很经典的图，上面画了各种线条，一会连接这个一会连接那个，说实话我自己看得就非常头晕，更谈不上完全理解了。所以转载 2017-06-29 18:28:27 · 239 阅读 · 0 评论 -
一个例子让你彻底明白原型对象和原型链
参考博文：http://www.jianshu.com/p/aa1ebfdad661 function Person () { this.name = 'John'; } var person = new Person(); Person.prototype.say = function() { console.log('Hello,' +转载 2017-06-29 18:45:11 · 2711 阅读 · 2 评论 -
js面向对象---基本的概念、属性、方法
一、什么是面向对象编程 1、用对象的思想去写代码，就是面向对象编程 2、我们一直在使用对象，如数组Array 时间Date//我们把系统自带的对象，叫做系统对象var arr = new Array();arr.length;arr.push();二、面向对象编程（oop）的特点 抽象：抓住核心问题 封装：只能通过对象来访问方法 继承：从已有对象上继承出新的对象 多态：多对象转载 2017-06-29 19:12:32 · 359 阅读 · 0 评论 -
JS面向对象---继承
参考博文http://www.cnblogs.com/qqing/p/6600304.html一、面向对象的继承 1、解析：在原有对象的基础上，略作修改，得到一个新的对象，并且不影响原有对象的功能 2、如何添加继承—拷贝继承 属性：call 方法： for in/*继承：子类不影响父类，子类可以继承父类的一些功能（代码复用）属性的继承：调用父类的构造1函数 call转载 2017-06-29 19:18:13 · 272 阅读 · 0 评论 -
js面向对象---组件开发
一、对象的多种表现形式 1、提高对象的复用性 2、如何配置参数和默认参数二、组件的定义 1、将对面向对象的深入应用（UI组件，功能组件） 2、将配置参数、方法、事件、三者进行分离 例子：可参照jquery UI 官网上，查看其中的一个组件就能说明了这些问题。三、我们可以创建自定义事件 1、有利于多人协作开发代码 2、重点：挂载自定义事件与事件函数给项目配置不同的参数//配置参数var转载 2017-06-29 19:22:09 · 371 阅读 · 0 评论 -
js面向对象---选项卡
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{padding: 100px;} #box ,#box2{ posit原创 2017-06-29 19:23:20 · 684 阅读 · 0 评论 -
js面向对象---拖拽
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ position: relative; } #原创 2017-06-29 19:24:13 · 272 阅读 · 0 评论 -
js面向对象---无缝轮播图（附面向过程代码）
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>轮播图</title> <style type="text/css"> *{ padding: 0; margin: 0;原创 2017-06-29 19:27:46 · 2052 阅读 · 0 评论 -
js面向对象的继承实例-call
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ position: relative; } #原创 2017-06-29 19:19:13 · 355 阅读 · 0 评论 -
javascript的本地对象、内置对象、宿主对象
JavaScript对象系统 1. 本地对象 ECMA-262把本地对象（native object）定义为“独立于宿主环境的ECMAScript实现提供的对象”。 何谓宿主环境？ “宿主”，生物学上，一般是指寄生的生物体选择的寄生体，如：火影里的“白”（哈哈哈）。此处的宿主环境，简单来说就是用户的机器环境，包括操作系统和浏览器。 本地对象包括如下内容：O原创 2017-06-29 16:25:57 · 608 阅读 · 0 评论 -
JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)
验证数字：^[0-9]*$ 验证n位的数字：^\d{n}$ 验证至少n位数字：^\d{n,}$ 验证m-n位的数字：^\d{m,n}$ 验证零和非零开头的数字：^(0|[1-9][0-9]*)$ 验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$ 验证非零的正整数：^\+?[1-9][0-9]*$原创 2017-06-04 20:35:51 · 13156 阅读 · 0 评论 -
DOM对象
DOM就是DocumentObjectModel，文档对象模型。赋予JS操作节点的能力。当网页加载时，浏览器会创建页面的DOM。 查找HTML元素 1. document.getElementById(‘id’)，不建议使用id，后端开发人员使用 2. document.getElementsByTagName(‘tag’); 3. document.getElementsByCla原创 2017-04-21 18:26:55 · 421 阅读 · 0 评论 -
JS对象创建常用方式及原理分析
参考博文http://www.cnblogs.com/sampapa/p/7086457.htmlJavaScript创建对象最简单的方式是：对象字面量形式或使用Object构造函数一、对象字面量形式1 var person = new Object();2 person.name = "jack";3 person.sayName = function () {4 alert(t转载 2017-06-27 20:19:03 · 407 阅读 · 1 评论