javascript
云潇洒
这个作者很懒,什么都没留下…
展开
-
JavaScript:用于创建图表展现数据的JS图表库
在很多项目中都会有在前端展现数据图表的需求,而在开发过程中,开发者往往会使用一些JavaScript库,从而更有效地达到想要的目标。最近,TechSlide上的一篇文章总结了50种用于展现图表的JavaScript库,并对每种库做了简要的说明。这对于想要选择合适JavaScript库的开发者很有参考意义。文章作者首推的库是D3,他说到:它非常让人惊叹,我很喜欢它的简洁性。它的文原创 2017-09-06 10:04:50 · 1007 阅读 · 0 评论 -
JavaScript学习总结(十二)——JavaScript编写类
在工作中经常用到JavaScript,今天总结一下JavaScript编写类的几种写法以及这几种写法的优缺点,关于JavaScript编写类的方式,在网上看到很多,而且每个人的写法都不太一样,经常看到的就是以下几种方式。1、构造函数方式 用构造函数模拟"类",在其内部用this关键字指代实例对象。基本语法:function 类名(){ this.属性名转载 2017-09-05 15:03:12 · 189 阅读 · 0 评论 -
JavaScript学习总结(十三)——极简主义法编写JavaScript类
前两天在网上无意中发现了一篇使用极简主义法定义JavaScript类的文章,原文链接,这个所谓的"极简主义法"我还是第一次听说,是荷兰程序员Gabor de Mooij提出来的,这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因。下面就介绍如何使用极简主义法完成JavaScript的封装和继承1. 封装 首先,它也是用一个对象转载 2017-09-05 15:04:50 · 222 阅读 · 0 评论 -
JavaScript学习总结(十四)——JavaScript编写类的扩展方法
在JavaScript中可以使用类的prototype属性来扩展类的属性和方法,在实际开发当中,当JavaScript内置的那些类所提供的动态方法和动态属性不满足我们实际开发时,我们就可以通过"prototype"属性给自定义类添加方法和属性或者扩展原有的类中的方法和属性。一、扩展JavaScript内置类,添加动态方法语法转载 2017-09-05 15:06:03 · 151 阅读 · 0 评论 -
JavaScript学习总结(十五)——Function类
在JavaScript中,函数其实是对象,每个函数都是Function类的实例,既然函数对象,那么就具有自己的属性和方法,因此,函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。一、函数的声明方式一:常规方式1 function sum1(num1,num2){2 return num1+num2 3 }方式二:函数表达式1转载 2017-09-05 15:06:54 · 175 阅读 · 0 评论 -
JavaScript学习总结(十六)——Javascript闭包(Closure)
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。很早就接触过闭包这个概念了,但是一直糊里糊涂的,没有能够弄明白JavaScript的闭包到底是什么,有什么用,今天在网上看到了一篇讲JavaScript闭包的文章(原文链接),讲得非常好,这下算是彻底明白了JavaScript的闭包到底是个神马东东以及闭包的用途了,在此写出来和大家分享一下,希望转载 2017-09-05 15:08:10 · 139 阅读 · 0 评论 -
JavaScript学习总结(十七)——Javascript原型链的原理
一、JavaScript原型链 ECMAScript中描述了原型链的概念,并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。在JavaScript中,用 __proto__ 属性来表示一个对象的原型链。当查找一个对象的属性时,JavaScript 会向上遍历原型链,直到找到给定名称的属性为止!比如现在有如下的代码:扩展Ob转载 2017-09-05 15:09:09 · 140 阅读 · 0 评论 -
JavaScript学习总结(十八)——JavaScript获取浏览器类型与版本
从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: 1 2 var Sys = {}; 3 var ua = navigator.userAgent.toLowerCase(); 4 var s; 5 (s = ua.match(/msie ([\d.]+)/)) ? S转载 2017-09-05 15:37:07 · 149 阅读 · 0 评论 -
JavaScript学习总结(十九)——使用js加载器动态加载外部Javascript文件
今天在网上找到了一个可以动态加载js文件的js加载器,具体代码如下:JsLoader.js 1 var MiniSite=new Object(); 2 /** 3 * 判断浏览器 4 */ 5 MiniSite.Browser={ 6 ie:/msie/.test(window.navigator.userAgent.toLowerCase()),转载 2017-09-05 15:40:34 · 232 阅读 · 0 评论 -
JavaScript学习总结(二十)——Javascript非构造函数的继承
一、什么是"非构造函数"的继承? 比如,现在有一个对象,叫做"中国人"。1 var Chinese = {2 nation:'中国'3 }; 还有一个对象,叫做"医生"。1 var Doctor ={2 career:'医生'3 } 请问怎样才能让"医生"去继承"中国人",也就是说,我怎样才能生成一个"中国医生"的对象?转载 2017-09-05 15:42:47 · 177 阅读 · 0 评论 -
JavaScript学习总结(十一)——Object类详解
一、Object类介绍 Object类是所有JavaScript类的基类(父类),提供了一种创建自定义对象的简单方式,不再需要程序员定义构造函数。二、Object类主要属性 1.constructor:对象的构造函数。 2.prototype:获得类的prototype对象,static性质。三、Object类主要方法 1.hasOwnPro转载 2017-09-05 15:01:43 · 154 阅读 · 0 评论 -
JavaScript学习总结(十)——this关键字
1 2 function Person(){ 3 /*使用var 属性名定义的属性是类的私有属性,外界无法访问,要想被外界访问,就要使用公共方法*/ 4 var QQ="123456"; 5 var Email="123456@qq.com"; 6 7 /*使用this.属性名定义的属性就是类的公共属性,是可转载 2017-09-05 15:00:20 · 147 阅读 · 0 评论 -
JavaScript学习总结(一)——JavaScript基础
一、JavaScript语言特点1.1、JavaScript是基于对象和事件驱动的(动态的) 它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页中执行了某种操作所产生的动作,就称为“事件”。比如按下鼠标,移动窗口,选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。1.2、Ja转载 2017-09-05 14:43:02 · 148 阅读 · 0 评论 -
JavaScript学习总结(二)——逻辑Not运算符详解
在JavaScript 中,逻辑NOT运算符与C和Java中的逻辑 NOT 运算符相同,都由感叹号(!)表示。与逻辑 OR 和逻辑 AND 运算符不同的是,逻辑 NOT 运算符返回的一定是 Boolean 值。逻辑 NOT 运算符的行为如下:如果运算数是对象,返回 false如果运算数是数字 0,返回 true如果运算数是 0 以外的任何数字,返回 false如果运算数是 null转载 2017-09-05 14:45:21 · 322 阅读 · 0 评论 -
JavaScript学习总结(三)——逻辑And运算符详解
在JavaScript中,逻辑 AND 运算符用双和号(&&)表示1 var bTrue = true;2 var bFalse = false;3 var bResult = bTrue && bFalse; 下面的真值表描述了逻辑AND运算符的行为:运算数 1运算数 2结果truetruetruetr转载 2017-09-05 14:47:18 · 161 阅读 · 0 评论 -
JavaScript学习总结(四)——逻辑OR运算符详解
在JavaScript中,逻辑OR运算符用||表示1 var bTrue = true;2 var bFalse = false;3 var bResult = bTrue || bFalse;下面的真值表描述了逻辑AND运算符的行为:运算数 1运算数 2结果truetruetruetrue转载 2017-09-05 14:48:42 · 183 阅读 · 0 评论 -
JavaScript学习总结(五)——Javascript中==和===的区别
一、JavaScript"=="的作用当==两边的内容是字符串时,则比较字符串的内容是否相等。当==两边的内容是数字时,则比较数字的大小是否相等。当==两边的内容是对象或者是对象的函数属性时,则比较内存地址是否相等。二、==和===的区别 ==用于一般比较,===用于严格比较,==在比较的时候可以转换数据类型,===严格比较,只要类型不匹配就返回flase。举例说转载 2017-09-05 14:49:50 · 157 阅读 · 0 评论 -
JavaScript学习总结(六)——JavaScript判断数据类型总结
最近做项目中遇到了一些关于javascript数据类型的判断处理,上网找了一下资料,并且亲自验证了各种数据类型的判断,在此做一个总结吧!一、JS中的数据类型 1.数值型(Number):包括整数、浮点数。 2.布尔型(Boolean) 3.字符串型(String) 4.对象(Object) 5.数组(Array) 6.转载 2017-09-05 14:51:14 · 139 阅读 · 0 评论 -
JavaScript学习总结(七)——JavaScript函数(function)
一、函数基本概念 为完成某一功能的程序指令(语句)的集合,称为函数。二、JavaScript函数的分类 1、自定义函数(我们自己编写的函数),如:function funName(){} 2、系统函数(JavaScript自带的函数),如alert函数。三、函数的调用方式 1、普通调用:functionName(实际参数...) 2转载 2017-09-05 14:53:14 · 161 阅读 · 0 评论 -
JavaScript学习总结(八)——JavaScript数组
JavaScript中的Array对象就是数组,首先是一个动态数组,无需预先制定大小,而且是一个像Java中数组、ArrayList、Hashtable等的超强综合体。一、数组的声明 常规方式声明: 1、var arrName = new Array();//创建一个数组 2、var arrName = new Array([size]); //创建一转载 2017-09-05 14:57:58 · 177 阅读 · 0 评论 -
JavaScript学习总结(九)——Javascript面向(基于)对象编程
一、澄清概念 1.JS中"基于对象=面向对象" 2.JS中没有类(Class),但是它取了一个新的名字叫“原型对象”,因此"类=原型对象"二、类(原型对象)和对象(实例)的区别与联系 1.类(原型对象)是抽象,是概念的,代表一类事物。 2.对象是具体的,实际的,代表一个具体的事物。 3.类(原型对象)是对象实例的模板,对象实例是类的一个个体转载 2017-09-05 14:59:10 · 156 阅读 · 0 评论 -
JavaScript学习总结(二十一)——使用JavaScript的数组实现数据结构中的队列与堆栈
今天在项目中要使用JavaScript实现数据结构中的队列和堆栈,这里做一下总结。一、队列和堆栈的简单介绍1.1、队列的基本概念 队列:是一种支持先进先出(FIFO)的集合,即先被插入的数据,先被取出! 如下图所示: 1.2、堆栈的基本概念 堆栈:是一种支持后进先出(LIFO)的集合,即后被插入的数据,先被取出! 如下图所示转载 2017-09-05 15:45:08 · 160 阅读 · 0 评论