小古哥的博客园-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

小古哥的博客园

专栏成员

42

文章

65233

阅读量

37

订阅数

读书笔记-JavaScript面向对象编程（三）

面向对象编程 javascript

第7章浏览器环境 7.1 在HTML页面中引入JavaScript代码 7.2概述BOM与DOM（页面以外事物对象和当前页面对象） 7.3 BOM 　　7.3.1 window对象再探（所以JavaScript核心函数也都是window对象的方法）　　7.3.2 window.navigator（浏览器信息，如window.navigator.userAgent）　　7.3.3 Firebug的备忘功能　　7.3.4 window.location（当前页面的URL信息，如设置href属性可实现页面

2018-03-08

8220

JavaScript 正则表达式入门教程

正则表达式 javascript

正则表达式是描述一组字符串特征的模式，用来匹配特定的字符串主要分三个部分：基本语法、RegExp对象的方法、JS中支持正则表达式的String对象方法一、基本语法在JS中，正则表达式为对象，用如下两种方式定义：直接量法： /pattern/attributes；创建RegExp对象法：new RegExp(pattern,attributes); var reg=/hi/i;//字面量 var reg=new RegExp('hi','i');//构造函数（参数1：最简单的正则匹配字母hi；参数2：

2018-03-08

1.3K0

秒懂JS对象、构造器函数和原型对象之间的关系

学习JS的过程中，想要掌握面向对象的程序设计风格，对象模型（原型和继承）是其中的重点和难点，拜读了各类经典书籍和各位前辈的技术文章，感觉都太过高深，花费了不少时间才搞明白（个人智商是硬伤/(ㄒoㄒ)/~~），这里略作总结尽量通俗易懂。一、基本概念　　1、对象：属性和方法的集合，即变量和函数的封装。每个对象都有一个__proto__属性，指向这个对象的构造函数的原型对象。　　2、构造器函数：用于创建对象的函数，通过new关键字生成对象。函数名一般首字母大写的。　　3、原型对象：每个函数都有一个prot

2018-03-08

1.7K0

JS数组去重的三种方法

在程序中，通常解决一个问题的方法有很多种。当然这些不同思路的解决方法，在性能和效率上也有很大差异。以下是数字去重的三种方法，一、循环遍历法（传统思路）最简单粗暴的算法，新建一个空数组，然后遍历原数组，将不在新数组中的项添加到新数组，最后返回新数组 function compare(arr){ var newarr=[];//新建空数组 for(var i=0; i<arr.length;i++){//遍历原数组 var isadd=true;//设置标记

2018-03-08

1.1K0

JS高级-数据结构的封装

javascript 数据结构编程算法

最近在看了《数据结构与算法JavaScript描述》这本书，对大学里学的数据结构做了一次复习（其实差不多忘干净了，哈哈）。如果能将这些知识捡起来，融入到实际工作当中，估计编码水平将是一次质的飞跃。带着这个美好的愿望，开始学习吧O(∩_∩)O~~ 我们知道在JS中，常常用来组织数据的无非是数组和对象（这些基础就不介绍了）。但在数据结构中，还有一些抽象的数据类型：列表、栈、队列、链表、字典、散列、集合、二叉树、图等，可以用来更好的对实际场景建模。当然这些数据类型，原生JS不支持，那么就需要通过封装来模拟，其底层

2018-03-08

7.9K0

JavaScript闭包的深入理解

闭包算是javascript中一个比较难理解的概念，想要深入理解闭包的原理，首先需要搞清楚其他几个概念：一、栈内存和堆内存学过C/C++的同学可能知道，计算机系统将内存分为栈和堆两部分（大学的基础课，忘掉的赶紧重新捡起来）。栈内存（连续的存储空间，类似数据结构中的栈）：主要用来存放数值、字符、内存地址等小数据堆内存（散列的存储空间，类似数据结构中的链表）：存放可以动态变化的大数据二、基本类型和引用类型 JavaScript将变量分为两种类型：基本类型：Number、String、Boolean

2018-03-08

1.3K0

JavaScript事件对象与事件的委托

事件对象包含事件相关的信息，如鼠标、时间、触发的DOM对象等 js默认将事件对象封装好，并自动的以参数的形式，传递给事件处理函数的第1个参数，如下： document.getElementsByTagName("div")[0].onclick = function(e){ 　　e = window.event || e; //兼容IE低版本（事件对象绑定在window的event上）　　console.log(e);//这里e就是事件对象 } 事件的属性和方法 type：获取事件类型（click、

2018-03-08

9050

JavaScript对象创建的九种方式

1、标准创建对象模式 1 var person = new Object(); 2 person.name = "Nicholas"; 3 person.age = 29; 4 person.job = "Software Engineer"; 5 person.sayName = function(){alert(this.name);}; 2、字面量模式 1 var person = { 2 name: "Nicholas", 3 age: 29, 4 job: "Softwar

2018-03-08

6930

读书笔记-JavaScript面向对象编程（一）

前前后后大概花了两周的时间，终于把这本书大致看完了，对之前javascript高级程序设计中模糊不清的概念，有了一些新的看法和角度，整体上来说，本书还是一本比较适合有一定前端基础的朋友们阅读。参考http://pan.baidu.com/s/1eSDSTVW 密码: 75jr 第1章引言 1.1 回顾历史 1.2 变革之风 1.3 分析现状 1.4 展望未来 1.5 面向对象的程序设计　　1.5.1 对象（属性和方法的集合）　　1.5.2 类（相似对象的共同特征，如麻雀、老鹰都是鸟类）　　1.5.

2018-03-08

8450

读书笔记-JavaScript面向对象编程（二）

第5章原型 5.1 原型属性（所有函数拥有一个prototype属性，默认为空对象）　　5.1.1 利用原型添加方法和属性 function Gadget(name,color){ this.name=name; this.color=color; this.whatAreYou=function(){return 'I am a'+this.color+' '+this.name;} } //方案一，对象属性方法追加 Gadget.prototype.price=100;//属性 Gadg

2018-03-08

1.2K0

没有更多了

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态