JavaScript
文章平均质量分 87
做人要厚道2013
大数据培训讲师
展开
-
JavaScript基础系列14---面向对象入门
一、面向对象的概念1.1 什么是面向过程 就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候一个一个依次调用就可以了。 生活中的的例子举例。1.2 什么是面向对象 面向对象是把构成问题事务分解成各个对象,建立对象的目的不是为了完成一个步骤,而是为了描叙某个事物在整个解决问题的步骤中的行为。 面向对象是一种思维方法面向对象是一种编程方法面向对象并不原创 2016-12-21 21:00:54 · 891 阅读 · 0 评论 -
ECMAScript6 (ES6、ES2015)新特性详解
ES6 新特性ES6 新特性一ES6简介二块级作用域绑定1 let声明2 const声明Constant Declarations3 循环中的块级绑定4 循环中的函数三函数的新增特性1 带默认参数的函数2 默认参数对 arguments 对象的影响3 默认参数表达式 Default Parameter Expressions4 未命名参数问题5 函数中的扩展原创 2017-01-15 22:05:22 · 20017 阅读 · 4 评论 -
HTML5中新增的文件API和拖拽API详解
文件API 在HTML5之前的,从网页上传文件一次只能上传一个文件,而且也无法对要上传的文件做更深一步的操作。 HTML5提供了一个系列关于文件操在的API,通过使用这些API,对于从Web页面访问本地文件系统的相关处理将会变的非常简单。File和FileList对象 <input>的type属性为 file 的时候,那么它就可以访问本地文件系统了。在HTML5之前,一次只能选择原创 2017-02-12 15:12:00 · 4594 阅读 · 0 评论 -
Javascript异常处理机制详解
在ES3之前js代码执行的过程中,一旦出现错误,整个js代码都会停止执行,这样就显的代码非常的不健壮。 在Java或C#等一些高级语言中,都提供了异常处理机制,可以处理出现的异常,而不会停止整个应用程序。 从ES3开始,js也提供了类似的异常处理机制,从而让js代码变的更健壮,及时执行的过程中出现了异常,也可以让程序具有了一部分的异常恢复能力。一、Javascrip原创 2017-02-26 13:19:49 · 14533 阅读 · 3 评论 -
几种排序算法的JavaScript实现
/** * Created by lzc on 2017/4/30. */var a = (function (){ var a = []; function randomInt(from, to){ return parseInt(Math.random() * (to - from + 1) + from); } for (var i = 0;原创 2017-04-30 23:48:23 · 628 阅读 · 0 评论 -
Javascript基础系列16:Javascript的原型链和继承详解
一、继承的概念 继承是所有的面向对象的语言最重要的特征之一。大部分的oop语言的都支持两种继承:接口继承和实现继承。比如基于类的编程语言Java,对这两种继承都支持。从接口继承抽象方法 (只有方法签名),从类中继承实例方法。 但是对JavaScript来说,没有类和接口的概念(ES6之前),所以只支持实现继承,而且继承在 原型链 的基础上实现的。等了解过原型链的概念之后,你会发现继承其实原创 2017-05-12 17:52:53 · 716 阅读 · 0 评论 -
移动端web开发---Touch事件详解
一、pc端事件回顾HTML事件、DOM0事件、DOM2事件事件对象。如果上述概念不清楚,请先去了解。二、移动端事件简介2.1 pc端事件在移动端的问题 移动设备主要特点是不配备鼠标,键盘也只是在需要输入的地方才会激活虚拟机键盘。所以以前的pc端事件在移动端使用起来就没有以前那么爽了,虽然部分仍然可以使用。click事件的300ms延迟问题。2007年第一代iphone发布,由于那个年代所原创 2017-05-30 10:09:40 · 33684 阅读 · 0 评论 -
学习HTML5 Canvas这一篇文章就够了
一、canvas简介&amp;lt;canvas&amp;gt; 是 HTML5 新增的,一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画,甚至可以进行实时视频处理和渲染。它最初由苹果内部使用自己MacOS X WebKit推出,供应用程序使用像仪表盘的构件和 Safari 浏览器使用。 后来,有人通过Gecko内核的浏览器 (尤其是Mo原创 2017-06-16 20:57:43 · 168185 阅读 · 115 评论 -
JavaScript基础系列5---函数
一、 函数概述1.1 函数的概念 函数就是把完成特定功能的一段代码封装起来。给该功能起一个名字(函数名)。 哪里需要实现该功能就在哪里调用该函数。 函数可以在任何时间任何地方调用。函数是完成某一功能的代码段函数是可重复执行的代码段函数方便管理和维护 便于复用1.2 函数的作用使程序变得更简短而清晰有利于程序维护可以提高程序开发的效率提高了代码的重用性原创 2016-12-03 12:41:45 · 831 阅读 · 0 评论 -
JavaScript基础系列2---数据类型和运算符
一、数据类型 JavaScript的数据类型共分两类:简单数据类型 (也称原始数据类型或基本数据类型)和复杂数据类型(也称引用数据类型或对象类型)。2.1 简单数据类型 简单数据类型共分5种:Number、Boolean、String、Null、Undefined (ECMAScript6新增:Symbol) 数据类型 数据值 说明 Undefined undefined原创 2016-11-30 20:42:11 · 1063 阅读 · 0 评论 -
HTML5的 canvas完成刮刮卡功能
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><style>.gg原创 2018-05-10 20:39:05 · 1491 阅读 · 0 评论 -
ES6中的Promise深入解析
p romise主要是为了解决回调带来的疯狂行为, Promise 风暴已经开始席卷JavaScript 世 界。实际上,绝大多数 JavaScript/DOM 平台新增的异步 API 都是基于 Promise 构建的。一. 异步编程的背景JavaScript 的引擎建立在单线程事件轮询(single-threaded event loop)概念之上。单线程意味着一段时间...原创 2018-06-12 13:30:41 · 881 阅读 · 0 评论 -
ES2017 中的异步函数详解(async function)
异 步函数中有两个新的关键字async和awaitasync 就是异步的意思 await 就是等的意思. 暂停函数的执行, 等待异步任务完成.声明异步函数/*使用关键字 async 声明异步函数. 参数声明和普通函数没有任何的区别*/async function testAsync(a, b){ console.log(a, b); return "异步...原创 2018-06-14 22:38:07 · 3416 阅读 · 0 评论 -
JavaScript基础系列13---正则表达式
一、正则表达式概述1.1 什么是正则表达式 正则表达式(regular expression)是一个描述字符模式的对象,ECMAScript的RegExp 类表示正则表达式,而String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。 正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。1.2 正则表达...原创 2016-12-17 14:57:02 · 617 阅读 · 0 评论 -
JavaScript基础系列12---日期和时间
一、了解日期和时间的一些概念1.1 GMT时间 GMT(Greenwich mean time 格林尼治标准时间,格林威治标准时间,格林尼治平均时间):是指位于英国伦敦郊区的皇家格林尼治天文台的标准时间,因为本初子午线被定义在通过那里的经线。自1924年2月5日开始,格林尼治天文台每隔一小时会向全世界发放调时信息。世界上发生的重大时间都是以格林尼治时间时间为标准的。比如:我们用的北京时间,因原创 2016-12-16 09:59:22 · 895 阅读 · 0 评论 -
JavaScript基础系列9---DOM操作
一、DOM概述1.1 DOM概念 DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。DOM 描 绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。W3C DOM标准分为3部分: core DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模板HTML DOM - 针对 HTML 文档的标准模原创 2016-12-08 20:13:06 · 1052 阅读 · 0 评论 -
JavaScript原型彻底理解2---继承中的原型链
上一篇 JavaScript中原型的彻底理解1一、继承的概念 继承是所有的面向对象的语言最重要的特征之一。大部分的oop语言的都支持两种继承:接口继承和实现继承。比如基于类的编程语言Java,对这两种继承都支持。从接口继承抽象方法 (只有方法签名),从类中继承实例方法。 但是对JavaScript来说,没有类和接口的概念(ES6之前),所以只支持实现继承,而且继承在 原...原创 2016-11-11 13:28:55 · 5855 阅读 · 14 评论 -
JavaScript中原型对象的彻底理解
下一篇 继承中的原型链的理解一、什么是原型 原型是Javascript中的继承的基础,JavaScript的继承就是基于原型的继承。1.1 函数的原型对象 在JavaScript中,我们创建一个函数A(就是声明一个函数), 那么浏览器就会在内存中创建一个对象B,而且每个函数都默认会有一个属性 prototype 指向了这个对象( 即:prototype的属性...原创 2016-11-10 20:43:16 · 48361 阅读 · 70 评论 -
JavaScript中作用域链和闭包
一、匿名函数1.1 匿名函数的概念 声明一个没有函数名的函数,就是匿名函数。 有函数名的函数就是具名函数。 看下面的代码:<script type="text/javascript"> /* //这里定义了一个函数,而且没有函数名。这样写语法是错误的,如果允许这样定义,那么根本就没有办法调用。 //所以,我们可以用...原创 2016-11-12 10:42:36 · 4988 阅读 · 1 评论 -
JavaScript中数组使用总结
一、 数组的概念1.1 什么是数组 数组是指的数据的有序列表。数组中每个值称之为数组的一个元素。数组中的每个元素都有一个位置,这个位置称之为索引(下标、index)。数组的索引是从 0 开始的同一个数组中,元素的类型不做任何限制。也就是说,同一个数组中可以方法Number、String、Boolean、Object对象等等。可以同时放入任何的类型。甚至数组中的元...原创 2016-11-13 09:21:15 · 10437 阅读 · 6 评论 -
JavaScript中this使用总结
this是在函数执行的过程中自动创建的一个指向一个对象的内部指针。确切的说,this并不是一个对象,而是指向一个已经存在的对象的指针,也可以认为是this就是存储了某个对象的地址。 this的指向不是固定的,会根据调用的不同,而指向不同的地方。 可以从两个大的方方向来分析:一、一些认知的澄清1.1 对在全局作用域中定义的变量和函数的进一步认识 永...原创 2016-11-14 23:35:03 · 821 阅读 · 0 评论 -
JQuery入门---选择器
Jquery选择器一、Jquery入门1.1 什么是Jquery jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的J...原创 2016-11-18 16:58:58 · 1169 阅读 · 0 评论 -
JavaScript基础系列10---事件1
一、事件和事件流(了解)==(102)== JavaScript是一种基于对象(Object)和 事件驱动(Event Driven) 并具有安全性能的脚本语言。JavaScript和HTML之间的交互就是通过一系列的事件来实现的。1.1 什么是事件 JavaScript和HTML之间的交互是通过事件实现的,事件就是文档或浏览器窗口中发生的一些特点的交互瞬间,可以使用侦听器或处理程序来原创 2016-12-14 17:05:05 · 853 阅读 · 0 评论 -
JavaScript基础系列11---事件对象
一、事件对象event 在触发 DOM 上的某个事件时,会产生一个事件对象 event ,这个对象中包含着所有与事件有关的 信息。包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。例如,鼠标操作导致的事件 对象中,会包含鼠标位置的信息,而键盘操作导致的事件对象中,会包含与按下的键有关的信息。==所有== ==浏览器都支持 event 对象,==但支持方式不同。无论哪种事件处理原创 2016-12-14 17:08:47 · 779 阅读 · 0 评论 -
JavaScript基础系列1---初探JavaScript
初探JavaScript系列1:初探JavaScript系列2:数据类型和运算符系列3:选择结构系列4:循环结构些列5:函数一、JavaScript概述1.1 JavaScript是什么?JavaScript主要用于HTML的页面,嵌入在HTML的源码中。JavaScript是因特网上最流行的脚本语言,它存在于全世界所有 Web 浏览器...原创 2016-11-29 20:27:47 · 1277 阅读 · 0 评论 -
JavaScript基础系列3---选择结构
系列1:初探JavaScript系列2:数据类型和运算符系列3:选择结构系列4:循环结构些列5:函数一、 语句和程序结构1.1 语句 ECMA-262 规定了一组语句(也称为流控制语句)。从本质上看,语句定义了 ECMAScript 中的主要 语法,语句通常使用一或多个关键字来完成给定任务。语句可以很简单,例如通知函数退出;也...原创 2016-12-01 17:10:31 · 1028 阅读 · 0 评论 -
JavaScript基础系列4---循环结构
系列1:初探JavaScript系列2:数据类型和运算符系列3:选择结构系列4:循环结构些列5:函数一、为什么需要循环二、三大循环结构 for循环、while循环、do…while循环。这三大循环在所有的编程语言中几乎都存在。这三种循环本质上是一样的,只是在语法上稍有不同。 另外,JavaScript为了提高遍历对象的属性和数组...原创 2016-12-02 21:10:41 · 706 阅读 · 0 评论 -
你所不知道的JavaScript的逻辑操作符
很多学习JavaScript的人,容易被JavaScript的逻辑运算符的运算规则搞晕。为什么呢?主要是JavaScript的逻辑运算结果不一定是是布尔值true或false,有可能是任何类型的值。我经过总结,绝对可以让你 1 分钟 记住运算规律,记不住你来打我。一、用10秒钟记住其他数据类型转换成boolean类型的规则。null、undefined、‘’(长度为0的字符串)、‘0’、0、原创 2016-11-25 10:54:52 · 1184 阅读 · 0 评论 -
JavaScript基础系列6---数组
一、 数组的概念1.1 什么是数组 数组是指的数据的有序列表。数组中每个值称之为数组的一个元素。数组中的每个元素都有一个位置,这个位置称之为索引(下标、index)。数组的索引是从 0 开始的同一个数组中,元素的类型不做任何限制。也就是说,同一个数组中可以放Number、String、Boolean、Object对象等等。可以同时放入任何的类型。甚至数组中的元素...原创 2016-12-05 22:45:35 · 1023 阅读 · 0 评论 -
JavaScript基础系列7---字符串操作和数学函数
一、 字符串操作 提示:==JavaScript中字符串是不可变的。====任何涉及到字符串变化的操作都不会修改源字符串,而是创建了一个新的字符串==1.1 创建字符串 在JavaScript中,有两种字符串,一种是基本类型的字符串,一种是对象类型(引用类型)的字符串。获取基本类型的字符串一般有两种办法:使用字符串直接量。例如: “good”...原创 2016-12-06 20:16:10 · 779 阅读 · 0 评论 -
JavaScript基础系列8---BOM操作
一、BOM概述 BOM: Browser Object Model 浏览器对象模型1.1 什么是BOM 浏览器对象模型(BOM)是JavaScript的组成之一,他提供了独立与内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。 ECMAScript是 JavaScript的核心,但如果要在 Web中使用 JavaScript,那么 ...原创 2016-12-07 22:31:31 · 1679 阅读 · 0 评论