随笔分类 -  JavaScript

摘要：Jquery放大镜插件,imgzoom.js，图片放大 阅读全文

摘要：最近在学习Jquery的最新的源码，Jquery-3.3.1版本。网上有很多对jquery解析的文章。但是我还是要自己去尝试着看一篇jquery的源码。本系列博客用来记录其中的过程，并同大家分享。本次学习Jquery源码是结合Jquery API来学习的。结合API来学习，首先会让我理解Jquery 阅读全文

摘要：vue,vue模板语法，vue事件绑定 阅读全文

摘要：Vue是什么 Vue是什么，我们可以从Vue的中文网站来了解它。 https://cn.vuejs.org/ 。Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。也就是说Vue是一个前端的框架，可以用来构建页面，包括web以及app。 Vue的优势 对于前端开发人 阅读全文

摘要：HTML5中新增加的一个元素canvas，要使用canvas元素，浏览器必须支持html5。通过canvas标签来创建元素，并需要为canvas指定宽度和高度，也就是绘图区域的大小。 <canvas id="mycanvas" style="width:500px;height:500px;"></ 阅读全文

摘要：事件经常由操作或者通过浏览器功能触发，通过JavaScript也可以触发元素的事件。通过JavaScript触发事件，也称为事件的模拟。 DOM中事件模拟 可以document的createEvent方法创建event对象。这个方法接收一个参数，即表示要创建的事件类型的字符串。在DOM2级中，所有这 阅读全文

摘要：事件处理程序为Web程序提供了系统交互，但是如果页面中的事件处理程序太多，则会影响页面的性能。每个函数都是对象，都会占用内存，内存中对象越多，性能越差。需要事先为DOM对象指定事件处理程序，导致访问DOM的次数增多，会延迟整个页面的交互就绪时间。 事件委托 对事件处理程序过多的解决方案是使用事件委托 阅读全文

摘要：Web浏览器能够发生的事件有很多种类型，不同的事件类型有不同的事件信息。DOM3级的事件类型主要包括：UI事件，用户与页面上的元素交互时触发；焦点事件，元素获得或失去焦点触发；鼠标事件，用户通过鼠标在页面上执行操作时触发；滚轮事件，使用鼠标滚轮时触发；文本事件，当在文档中输入文本时触发；键盘事件，用 阅读全文

摘要：在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含这所有与事件有关的信息。包括导致事件的元素、事件的类型和事件的相关信息。例如鼠标操作的事件中，会包含鼠标的位置信息。而键盘触发的事件会包含与按下的键有关信息。所有浏览器都支持event对象，但支持方式不同。 DOM中的事件对象 阅读全文

摘要：事件就是用户或者浏览器自身执行的某种动作。诸如click、load和mouseover，都是事件的名字。而响应某个事件的函数就叫事件处理程序。事件处理程序的名字以“on”开头，比如click事件的事件处理程序是onclick。为事件指定事件处理程序的方式有多种方式。 HTML事件处理程序 元素支持的 阅读全文

摘要：事件流描述的是从页面中接收事件的顺序。IE的事件流失事件冒泡，而Netspace的事件流失事件捕获。 事件冒泡 IE的事件流叫事件冒泡，即事件开始时，由具体的元素（文档中嵌套层次最深的节点）接收，然后向上传播到不具体的节点。 上面的代码中，如果单击了div，则事件会按照div、body、html的顺 阅读全文

摘要：前文已经简单的介绍了函数的闭包。函数的闭包就是有权访问另一个函数作用域的函数，也就是函数内部又定义了一个函数。 上面的代码定义了一个函数Super，同时在Super函数内部又定义了一个匿名函数作为返回值。第七行调用Super函数，此时result是一个函数。第8行执行了result函数，输出为3。这 阅读全文

摘要：递归函数，在前面的博客中已经简单的介绍了。递归函数是一个通过函数名称在函数内部调用自身的函数。如下： 上面的代码，在第一行声明了一个fac函数，同时在6行调用了fac函数本身。这是一个求阶乘的递归函数。 上面的代码，在第一行声明了一个变量anthorfacc，并指向fac。第2行将fac设置null 阅读全文

摘要：本文继续讲解JavaScript的面向对象程序设计。继承是面向对象语言中的一个基本概念，面向对象语言支持两种继承实现方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。但是在JavaScript中函数时没有签名的，所以无法实现接口继承。JavaScript支持实现继承，而且 阅读全文

摘要：前面已经对JavaScript的面向对象程序设计作了简单的介绍，包括了对象的属性、对象的工厂模式、构造函数和原型等。通过介绍，这些创建对象的方法依然有不少优化和改进的地方。 组合使用构造函数模式和原型模式 创建自定义类型的最常用方式就是使用组合构造函数和原型模式。构造函数用于定义实例属性，原型用于定 阅读全文

摘要：前面介绍通过Object构造函数或者字面量创建单个对象，但是通过这个的方法创建对象有明显的缺点：调用同一个接口创建多个实例，会产生大量的重复代码。怎么样解决？ 工厂模式 工厂模式是软件工程领域经常使用的一种设计模式，这种设计模式抽象了创建对象的具体过程。由于在JavaScript中无法使用类，可以使 阅读全文

摘要：面向对象的语言有一个标志，他们都有类的概念，通过类可以创建多个具有相同属性和方法的对象。但是JavaScript中没有类的概念，因此JavaScript与其他的面向对象语言还是有一定区别的。JavaScript把对象定义为无序属性的集合，其属性可以包含基本值、对象或者函数。对象的每个属性或者方法都有 阅读全文

摘要：JavaScript字符串提供了一个replace方法。replace方法可以接受两个参数：第一个参数可以使RegExp对象或者一个字符串，第二个参数可以是一个字符串或者一个函数。如果第一个参数是字符串，那么只会替换第一个字符串。如果想替换所有的字符串，则必须使用正则表达式。 第一行代码定义了一个字 阅读全文

摘要：前文已经对基本类型和引用类型作了简单的介绍，本文将进一步介绍基本类型和引用类型。 基本包装类型 为了方便操作基本类型的值，JavaScript提供了特殊的引用类型：Boolean、Number、String。这些类型与其他的引用类型相似，但是也具有各自的基本类型的特殊行为。每读取一个基本类型，后台都 阅读全文

摘要：在前面我们已经对函数作了简单的介绍，比如函数的定义、函数的声明、函数的调用和函数的传参等。本节将进一步介绍函数的应用，深度理解函数的各种使用。 函数是一个对象，每个函数时Function类型的一个实例，与其他引用类型一样有属性和方法。由于函数时对象，因此函数名实际上也是一个指向函数对象的指针，不会与 阅读全文