腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

水击三千

专栏作者

82

文章

123846

阅读量

34

订阅数

Jquery源码分析-整体结构

jquery api javascript

　　最近在学习Jquery的最新的源码，Jquery-3.3.1版本。网上有很多对jquery解析的文章。但是我还是要自己去尝试着看一篇jquery的源码。本系列博客用来记录其中的过程，并同大家分享。本次学习Jquery源码是结合Jquery API来学习的。结合API来学习，首先会让我理解Jquery的整体结构，让我觉得Jquery源码是有迹可循。如果盲目的去看Jquery源码，10000多行的代码可能会让人望而生畏。

2019-05-25

1.1K0

(Vue)初识Vue Vue是什么Vue的优势Hello,VueVue，数据绑定

vue.js html javascript api

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

2019-05-25

1K0

浅谈JavaScript的字符串的replace方法

　　JavaScript字符串提供了一个replace方法。replace方法可以接受两个参数：第一个参数可以使RegExp对象或者一个字符串，第二个参数可以是一个字符串或者一个函数。如果第一个参数是字符串，那么只会替换第一个字符串。如果想替换所有的字符串，则必须使用正则表达式。 1 var str="hello world"; 2 var str1=str.replace("o","h"); 3 console.log(str1);//hellh world 　　第一行代码定义了一个字符串变量，并初始化，

2018-02-27

1.3K0

浅谈JavaScript的事件（事件对象）

　　在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含这所有与事件有关的信息。包括导致事件的元素、事件的类型和事件的相关信息。例如鼠标操作的事件中，会包含鼠标的位置信息。而键盘触发的事件会包含与按下的键有关信息。所有浏览器都支持event对象，但支持方式不同。 DOM中的事件对象　　兼容dom的浏览会将一个event对象传递到事件处理程序中。 1 var aa=document.getElementById("aa"); 2 aa.onclick=functi

2018-02-27

1.2K0

浅谈JavaScript的面向对象程序设计（四）

　　本文继续讲解JavaScript的面向对象程序设计。继承是面向对象语言中的一个基本概念，面向对象语言支持两种继承实现方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。但是在JavaScript中函数时没有签名的，所以无法实现接口继承。JavaScript支持实现继承，而且其实现继承主要是通过原型链继承的。原型链 JavaScript中有原型链的概念，并将原型链作为实现继承的主要方法。基本实现思想是让一个函数的原型继承另外一个函数的原型的属性和方法。每一个函数都有一个原型对

2018-02-27

5300

浅谈JavaScript的函数表达式（闭包）

　　前文已经简单的介绍了函数的闭包。函数的闭包就是有权访问另一个函数作用域的函数，也就是函数内部又定义了一个函数。 1 var Super=function(num){ 2 var count=num; 3 return function(){ 4 console.log(count); 5 } 6

2018-02-27

5920

浅谈JavaScript的事件（事件模拟）

　　事件经常由操作或者通过浏览器功能触发，通过JavaScript也可以触发元素的事件。通过JavaScript触发事件，也称为事件的模拟。 DOM中事件模拟　　可以document的createEvent方法创建event对象。这个方法接收一个参数，即表示要创建的事件类型的字符串。在DOM2级中，所有这些字符串都使用英文复数形式，在DOM3级中都变成了单数。这几个字符串如下：UIEvents，一般化的ui事件，鼠标事件和键盘事件都继承于该事件，在DOM3级中是UIEvent；MouseEvents，一般

2018-02-27

1.9K0

浅谈JavaScript的函数表达式（递归）

　　递归函数，在前面的博客中已经简单的介绍了。递归函数是一个通过函数名称在函数内部调用自身的函数。如下： 1 function fac(num){ 2 if(num<1){ 3 return 1; 4 } 5 else{ 6 return num*fac(

2018-02-27

6270

浅谈JavaScript的Canvas（绘制图形）

　　HTML5中新增加的一个元素canvas，要使用canvas元素，浏览器必须支持html5。通过canvas标签来创建元素，并需要为canvas指定宽度和高度，也就是绘图区域的大小。 <canvas id="mycanvas" style="width:500px;height:500px;"></canvas> 。要在canvas上画图，需要取得canvas的上下文，通过getContext方法来获取上下文。 var context=canvas.getContext("2d"); 在使用getCon

2018-02-27

1.6K0

浅谈JavaScript的事件（事件委托）

　　事件处理程序为Web程序提供了系统交互，但是如果页面中的事件处理程序太多，则会影响页面的性能。每个函数都是对象，都会占用内存，内存中对象越多，性能越差。需要事先为DOM对象指定事件处理程序，导致访问DOM的次数增多，会延迟整个页面的交互就绪时间。事件委托　　对事件处理程序过多的解决方案是使用事件委托。事件委托利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。比如click事件会一直冒泡到document，也就是说我们只需为整个页面指定一个onclick事件处理程序，而不必为每个需

2018-02-27

9960

浅谈JavaScript的事件（事件处理程序）

javascript html

　　事件就是用户或者浏览器自身执行的某种动作。诸如click、load和mouseover，都是事件的名字。而响应某个事件的函数就叫事件处理程序。事件处理程序的名字以“on”开头，比如click事件的事件处理程序是onclick。为事件指定事件处理程序的方式有多种方式。 HTML事件处理程序元素支持的事件，都可以使用与相应事件处理程序同名的HTML特性来指定。这个特性的值能支持一定的JavaScript代码。例如，在单击按钮的时候执行一些JavaScript代码。 <div id="aa" onclic

2018-02-27

1.4K0

JavaScript变量作用域

执行环境是JavaScript中比较重要的概念。执行环境定义了变量或者函数有权访问的其他数据决定了他们各自的行为，每个执行环境都有一个与之关联的变量，环境中定义的所有变量和函数保存在这个对象中。全局执行环境是最外围的一个执行环境。在web浏览器中，全局执行环境被认为是windows对象，因此所有全局变量和函数都是作为window对象的属性和方法创建的。某个执行环境所有代码执行完毕后，该环境被销毁，保存在其中的变量和函数也一同被销毁。全局执行环境，当应该程序退出或者浏览器关系的时候被销毁。每个函数都有自己

2018-02-27

7870

JavaScript垃圾收集

JavaScript具有自动收集垃圾的机制，也就是说执行环境会负责管理代码执行过程中的内存。JavaScript的内存分配以及内存的回收都是自动。垃圾回收机制：找到不再使用的变量，然后释放其占用的内存。垃圾回收器会按照固定的时间间隔执行这一操作。局部变量的生命周期，局部变量只在函数执行过程中存在，会为局部变量在栈（堆）内存上分配相应的空间，以便存储值。在函数中使用这些变量，直至函数执行结束。此时，局部变量就没有存在的必要了，可以释放他们的内存。在这种情况下，很容易判断变量是否还有存在的必要；但不是所有情

2018-02-27

6030

浅谈JavaScript的面向对象程序设计（三）

　　前面已经对JavaScript的面向对象程序设计作了简单的介绍，包括了对象的属性、对象的工厂模式、构造函数和原型等。通过介绍，这些创建对象的方法依然有不少优化和改进的地方。组合使用构造函数模式和原型模式　　创建自定义类型的最常用方式就是使用组合构造函数和原型模式。构造函数用于定义实例属性，原型用于定义共享的属性和方法。每个实例都有自己的实例副本，同时又共享了原型属性和方法，节省了内存。还支持向函数传递参数。 1 function Person(name,age,sex){ 2

2018-02-27

5160

JavaScript函数（二）

在前面我们已经对函数作了简单的介绍，比如函数的定义、函数的声明、函数的调用和函数的传参等。本节将进一步介绍函数的应用，深度理解函数的各种使用。函数是一个对象，每个函数时Function类型的一个实例，与其他引用类型一样有属性和方法。由于函数时对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。函数通常是函数声明语法定义的。 function sum(x,y){ return x+y; } 上面使用函数声明语法定义的。

2018-02-27

6070

JavaScript对象和数组

在JavaScript中对象是一种数据结构，用于将数据和功能组织在一起，描述一类对象所具有的属性和方法。对象是某个特定类型的实例。新对象是new操作符后跟一个关键字来实现的。构造函数本身就是一个函数，用于创建新对象。 var person = new Object();这行代码创建了一个Object的实例，并将值保存了变量person中。创建对象的方式有两种，一种是通过Object函数来创建。 var animal = new Object(); animal.eat=f

2018-02-27

1.5K0

浅谈JavaScript的面向对象程序设计（二）

javascript 面向对象编程

　　前面介绍通过Object构造函数或者字面量创建单个对象，但是通过这个的方法创建对象有明显的缺点：调用同一个接口创建多个实例，会产生大量的重复代码。怎么样解决？工厂模式工厂模式是软件工程领域经常使用的一种设计模式，这种设计模式抽象了创建对象的具体过程。由于在JavaScript中无法使用类，可以使用函数来封装特定接口创建对象。 1 function createPerson(name,age,sex){ 2 var obj= new Object();

2018-02-27

5300

浅谈JavaScript的面向对象程序设计（一）

javascript 面向对象编程

　　面向对象的语言有一个标志，他们都有类的概念，通过类可以创建多个具有相同属性和方法的对象。但是JavaScript中没有类的概念，因此JavaScript与其他的面向对象语言还是有一定区别的。JavaScript把对象定义为无序属性的集合，其属性可以包含基本值、对象或者函数。对象的每个属性或者方法都有一个名字，而每个名字都映射到一个值。所有我把JavaScript的对象看成一组无序的键值对。对象是什么　　以前曾介绍过对象的创建，建立对象最简单的方式就是建立Object对象的一个实例，再为他添加属性和方

2018-02-27

6980

JavaScript语句-流程控制语句

JavaScript定义了一组语句，语句通常用于执行一定的任务。语句可以很简单，也可以很复杂。选择结构，可以在程序中创建交叉结构来指定程序流的可能方向。JavaScript中有四种选择结构： 1.单选结构（if） var x=5; if(x>0){ console.log(x);//输出5 } 单选结构由单独的if语句组成，只能控制程序的一个流向。 2.双选结构（if/else） var x=5; if(x===undefined){ x=3; } else{ console.log(x)

2018-02-27

1.4K0

JavaScript操作符（布尔操作符、乘性操作符和加性操作符）

布尔操作符布尔操作符用来测试两个值的关系，布尔操作符有三个，逻辑非（！）、逻辑与（&&），逻辑或（||）。逻辑非由一个叹号（！）组成，可以应用于JavaScript任何值。逻辑非首先将它的操作数转换为一个布尔值，然后再对布尔值求反。 console.log(!NaN);//true console.log(!123);//false console.log(!"");//true console.log("");//false console.log(!{});//false 逻辑与由两个和号表示（&&

2018-02-27

6040

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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