您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > javascript

1分钟读懂JavaScript、Ajax、jQuery全部知识点

时间:2019-09-04 13:55:44  来源:  作者:

此文适合零基础、初学者阅读。相信零基础的你看完,将对web前端有一个深刻的认识,对你的学习会有很大帮助。

1、JAVAScript

  • 定义:
  • JavaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语言,一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能(其编写的程序可以被嵌入到HTML或XML页面中,并直接在浏览器中解释执行)。

 

  • 组成部分:
  • 核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)

 

  • 描述:
  • Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言,如今越来越广泛地使用于Internet网页制作上。
  • Javascript是由 Netscape公司开发的一种脚本语言(scripting language),或者称为描述语言。在HTML基础上,使用Javascript可以开发交互式Web网页。
  • Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。
  • Javascript短小精悍,又是在客户机上执行的,大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。
  • 主流的javaScript框架有:YUI ,Dojo,Prototype,jQuery...

 

2、Ajax
  • 定义:
  • AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词,是指一种创建交互式网页应用的网页开发技术。
  • AJAX不是一个技术,它实际上是几种技术,每种技术都有其独特之处,合在一起就成了一个功能强大的新技术。

 

  • 组成:
  • 基于XHTML和css标准的表示;
  • 使用Document Object Model进行动态显示和交互;
  • 使用XML和XSLT做数据交互和操作;
  • 使用XML HttpRequest与服务器进行异步通信;
  • 使用JavaScript绑定一切。

 

  • 描述:
  • Ajax是结合了Java技术、XML以及JavaScript等编程技术,可以让开发人员构建基于Java技术的Web应用,并打破了使用页面重载的管理。
  • Ajax技术使用非同步的HTTP请求,在Browser和WebServer之间传递数据,使Browser只更新部分网页内容而不重新载入整个网页。
  • Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样,Web页面不用打断交互流程进行重新加裁,就可以动态地更新。使用Ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。

 

3、jQuery

 

  • 定义:
  • jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。

 

  • 特点:
  • 轻量级、链式语法、CSS1-3选择器、跨浏览器、简单、易扩展;
  • jQuery是一种独立于服务器端代码的框架,独立于ASP.NET或者JAVA;
  • jQuery是当前很流行的一个JavaScript框架,使用类似于CSS的选择器,可以方便的操作HTML元素,拥有很好的可扩展性,拥有不少插件。

 

  • 描述:
  • 对于程序员来说,简化javascript和ajax编程,能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。
  • 对于用户来说,改善了页面的视觉效果,增强了与页面的交互性,体验更绚丽的网页物资。 javaScript框架实际上是一系列工具和函数。
4、三者的关系

 

下面我用一张导图来阐述这三者的关系:

「干货」1分钟读懂JavaScript、Ajax、jQuery全部知识点

解释:

javaScript是用于Web客户端开发的脚本语言,Ajax是基于JS语言,主要组合JS、CSS、XML三种技术的新技术,是用于创建交互式网页应用的网页开发技术。jQuery是JS的框架,基于JS语言,集合Ajax技术开发出来的JS库,封装JS和Ajax的功能,提供函数接口,大大简化了Ajax,JS的操作。



Tags:JavaScript   点击:()  评论:()
声明:本站部分内容来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除,谢谢。
▌相关评论
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
▌相关推荐
众所周知,JavaScript 一直在快速变化。在新的 ES2020 中,有很多很棒的特性,我们大都已经迫不及待尝试了。老实说,有时我们可以用不同角度来编写代码,同样也能达到相同的效果,而且...【详细内容】
2020-07-03   JavaScript  点击:(0)  评论:(0)  加入收藏
在这篇文章中,我将向您展示如何通过JavaScript在网页上访问设备的摄像头,并支持多种浏览器,而无需外部库。我不好看,好看的是文字如何使用相机要访问用户的相机(或麦克风),我们使用...【详细内容】
2020-06-30   JavaScript  点击:(2)  评论:(0)  加入收藏
用任何编程语言来开发程序,都是为了让计算机干活,比如编写一篇文章,下载一首MP3等,而计算机干活的CPU只认识机器的指令,所以,尽管不同的编程语言差异极大,最后都得“翻译”成CPU可...【详细内容】
2020-06-29   JavaScript  点击:(1)  评论:(0)  加入收藏
JavaScript 语言中的 for 循环用于多次执行代码块,它是 JavaScript 中最常用的一个循环工具,还可用于数组的遍历循环等。我们为什么要使用 for 循环呢?打个比方,例如我们想要...【详细内容】
2020-06-28   JavaScript  点击:(3)  评论:(0)  加入收藏
在 JS 没有提供一种简便的方法来替换所有指定字符。 在 Java 中有一个 replaceAll() ,replaceAll(String regex, String replacement))方法使用给定的参数 replacement 替换...【详细内容】
2020-06-24   JavaScript  点击:(0)  评论:(0)  加入收藏
Cleave,Voca,Slick,Tensorflow等> Photo by Patrick Hendry on Unsplash JavaScript从一开始就得到了发展。 毫无疑问,JS是最受欢迎的语言之一,它可能会保持这种状态。 流行的库...【详细内容】
2020-06-23   JavaScript  点击:(0)  评论:(0)  加入收藏
书上用了一个阶乘功能来演示递归:7.1 递归(阶乘)function factorial(number){ if (number <= 1){ return 1; }else { return number * arguments.calle...【详细内容】
2020-06-23   JavaScript  点击:(0)  评论:(0)  加入收藏
this的工作原理如果一个函数被作为一个对象的方法调用,那么this将被指派为这个对象。var parent = { method: function () { console.log(this); }};parent.met...【详细内容】
2020-06-19   JavaScript  点击:(0)  评论:(0)  加入收藏
今天我们来聊聊js引擎JavaScript很酷,但是机器如何才能真正理解您编写的代码?作为JavaScript开发人员,我们通常不必自己处理编译器。但是,一定要了解JavaScript引擎的基础知识,看...【详细内容】
2020-06-18   JavaScript  点击:(1)  评论:(0)  加入收藏
JavaScript是一种发展迅速的语言。这篇文章,我想展示一些有关如何在JavaScript中应用函数式编程的示例。JavaScript中的函数式编程即使函数式编程可以极大地改善应用程序的代...【详细内容】
2020-06-09   JavaScript  点击:(0)  评论:(0)  加入收藏
一般情况下,忽视内存管理不会对传统的网页产生显著的后果。这是因为,用户刷新页面后,内存数据都被清理了。...【详细内容】
2020-06-08   JavaScript  点击:(2)  评论:(0)  加入收藏
在过去的几年中,已经将许多有用的功能添加到Javascript Array全局对象中,这些功能为开发人员在编写可用于数组的代码时提供了多种选择。这些功能提供了许多优点,其中最值得注意...【详细内容】
2020-06-07   JavaScript  点击:(3)  评论:(0)  加入收藏
对象冻结这是使用Object.freeze的方法:let objectToFreeze = { age: 28, name: "Damien", pets: ["Symba", "Hades", "Kiwi"], sibling: { age: 25, name: "Core...【详细内容】
2020-06-05   JavaScript  点击:(2)  评论:(0)  加入收藏
1、anchor创建一个锚点。document.write(&#39;hello&#39;.anchor(&#39;anchor&#39;))// 输出:<a name="anchor">hello</a>2、big创建一个加粗的文本 big 标签包裹。document...【详细内容】
2020-06-05   JavaScript  点击:(0)  评论:(0)  加入收藏
作为JavaScript开发人员,我们可以挑战自己成长的一个方法就是用刷题来练习!下面的问题旨在具有挑战性和启发性。如果你确切地知道如何回答每一个问题,那很好,但如果你答错了,并...【详细内容】
2020-06-01   JavaScript  点击:(2)  评论:(0)  加入收藏
因为工作中经常用到这些方法,所有便把这些方法进行了总结。JavaScript1. type 类型判断isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8,...【详细内容】
2020-05-31   JavaScript  点击:(4)  评论:(0)  加入收藏
继承 js中的继承一般分为三部分:原型属性继承、静态属性继承、实例属性继承,一个原型上面定义的方法一般都是基于其实例的用途来定义的,也就是说,原型的方法应该是实例经常用...【详细内容】
2020-05-22   JavaScript  点击:(3)  评论:(0)  加入收藏
作者: 李松峰转发链接:https://mp.weixin.qq.com/s/guAN1Cz2gYfKdBhmUpLyVA前言JavaScript这门语言的第一个演示版差不多就在25年前诞生。 没记错的话,25年前的今天,1995年5月...【详细内容】
2020-05-20   JavaScript  点击:(5)  评论:(0)  加入收藏
出于安全和隐私的原因,web 应用程序不能直接访问用户设备上的文件。如果需要读取一个或多个本地文件,可以通过使用input file和FileReader来实现。在这篇文章中,我们将通过一些...【详细内容】
2020-05-20   JavaScript  点击:(1)  评论:(0)  加入收藏
出于安全和隐私的原因,web 应用程序不能直接访问用户设备上的文件。如果需要读取一个或多个本地文件,可以通过使用input file和FileReader来实现。在这篇文章中,我们将通过一些...【详细内容】
2020-05-20   JavaScript  点击:(0)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条