经过数十年的发展和改进,JavaScript已成为有史以来最流行的编程语言之一。而这一切都始于1995年,当时Brendan Eich用了10天的时间创建了JavaScrip,从那时起,它已经迭代了多个版本,不断更新并发展到至今水平。

本篇文章,我们将分享关于JavaScript的基本概念,让大家了解它的前世今生!

一、什么是JavaScript

“JavaScript是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。“

你是否在编写网站的时候会觉得缺少某些内容? 也许是它不够吸引人,或者是没有创造力,究其原因或许是缺少了JavaScript。JavaScript可用于增强网页,应用程序等,以提供更加友好的用户体验。



JavaScript是网络的语言,通过向其添加动作来使网络看起来更生动。更准确地说,它是一种编程语言,可以在网页上实现复杂而美丽的设计。

二、JavaScript的功能

脚本语言而不是Java:实际上,JavaScript与Java无关。那为什么叫“Java”“Script”呢?JavaScript最初发布时称为Mocha,后来被重命名为LiveScript,然后在Netscape(创建JavaScript)和Sun达成许可协议时重命名为JavaScript。

基于对象的脚本语言,支持多态性,封装和某种程度上的继承。

解释语言:不必像需要编译器的Java和C一样进行编译。

JavaScript在浏览器中运行:你可以在Google Chrome,Internet Explorer,Safari等上运行它。JavaScript不仅可以在浏览器中执行,而且可以在服务器和具有JavaScript引擎的任何设备上执行。

三、JavaScript可以做什么

JavaScript主要以创建精美的网页和应用程序而闻名。谷歌地图就是一个例子。如果要浏览特定的地图,只需要做的就是用鼠标单击并拖动。什么样的语言可以做到这一点?你猜对了!是JavaScript。

JavaScript也可以用于智能手表。例如,流行的智能手表制造商Pebble。Pebble创建了Pebble.js,这是一个小的JavaScript框架,允许开发人员使用JavaScript为Pebble系列手表创建应用程序。



最流行的网站,例如国外的Google,Facebook,Netflix,Amazon,国内的淘宝,京东,知乎等,都利用JavaScript来建立他们的网站。

在诸如移动应用程序,数字艺术,Web服务器和服务器应用程序等,JavaScript也用于制作游戏。许多开发人员正在使用JavaScript构建小型游戏和应用程序。

四、JavaScript框架

JavaScript流行的一个主要原因是JavaScript框架。以下是最流行的JavaScript框架的简要介绍:



  1. AngularJS是Google的网络开发框架,为快速的应用程序开发提供了一组现代开发和设计功能。
  2. ReactJS是另一个主要由Facebook维护的顶级JavaScript框架,它应用于Facebook和Instagram的用户界面,展示了其在维护这种高流量应用程序方面的效率。
  3. MeteorJS主要用于提供后端开发。在后端使用JavaScript节省时间并积累专业知识是Meteor的主要思想之一。
  4. 当你想扩展你的网站并使之更具交互性时,可以使用jQuery。像Google,WordPress和IBM这样的公司都依赖jQuery。
  5. Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

五、HTML,CSS和JavaScript

任何熟悉JavaScript的人都知道,它与HTML和CSS有关。但是这三者之间是什么关系呢?让我用一个类比解释一下。



将HTML(超文本标记语言)视为网络的骨架。用于显示网络。

另一方面,CSS就像我们的衣服。我们穿上时髦的衣服,看起来更好看。同样,网络需要时尚化。它使用CSS层叠样式表以进行样式设置。

然后是JavaScript,它将生命带入了网页。就像孩子们使用滑板四处走动一样,网络也在JavaScript的帮助下运动起来。

六、JavaScript的优势

有这么多开发人员喜欢使用JavaScript这是有原因的。使用JavaScript开发Web应用程序有很多好处,例如:

  1. 它易于学习且易于实现。 它是一种弱类型编程语言,与Java和C ++等强类型编程语言不同,后者具有严格的编码规则。

  2. 在当今世界,这一切都与快速有关,并且因为JavaScript主要是一种客户端编程语言,它之所以非常快速,是因为任何代码都可以立即运行,而不必与服务器联系并等待答案。

  3. 诸如AngularJS,ReactJS,VueJS之类的丰富框架可用于构建Web应用程序并执行不同的任务。

  4. 构建交互式网站: 可以使用JavaScript设计精美、有吸引力的网站。

  5. JavaScript是一种解释型语言,不需要编译器。你所需要的只是一个浏览器,例如Google Chrome或Internet Explorer,你可以在浏览器中进行各种操作。

  6. JavaScript是独立的平台, 所有主要浏览器(例如Internet Explorer,Google Chrome,Mozilla Firefox,Safari等)都支持JavaScript。


七、HTML+CSS+JS免费实战学习

你是否也想成为一名专业的web开发人员?福利来啦

大前端开发工程师入门实战——HTML+CSS+JS免费学习

  • 20+HTML&CSS实战项目,免费学习+项目源码,
  • 部分效果演示

  • 10+原生Javascript实战项目,助你彻底攻克JS,部分效果演示:

  • 项目效果演示

  • HTML+CSS还原京东商城
  • 项目效果演示


免费学习地址:

前端HTML+CSS实战项目全集(免费学习&提供课程代码)

原生JS入门实战合集(免费学习&提供课程代码)

HTML5+CSS3还原京东商城


想了解更多大前端技术及实战,可扫码关注微信公众号!

技术分享|JavaScript的前世今生的更多相关文章

  1. 【转发】网易邮箱前端技术分享之javascript编码规范

    网易邮箱前端技术分享之javascript编码规范 发布日期:2013-11-26 10:06 来源:网易邮箱前端技术中心 作者:网易邮箱 点击:533 网易邮箱是国内最早使用ajax技术的邮箱.早在 ...

  2. 好程序员技术分享html5和JavaScript的区别

    好程序员技术分享html5和JavaScript的区别,HTML5广义上讲是前端开发学科的代名词,包含HTML5.CSS3及JavaScript三个重要的部分,是运行在浏览器上应用的统称.如PC端网站 ...

  3. 好程序员技术教程分享JavaScript运动框架

    好程序员技术教程分享JavaScript运动框架,有需要的朋友可以参考下. JavaScript的运动,即让某元素的某些属性由一个值变到另一个值的过程.如让div的width属性由200px变到400 ...

  4. 腾讯技术分享:微信小程序音视频与WebRTC互通的技术思路和实践

    1.概述 本文来自腾讯视频云终端技术总监rexchang(常青)技术分享,内容分别介绍了微信小程序视音视频和WebRTC的技术特征.差异等,并针对两者的技术差异分享和总结了微信小程序视音视频和WebR ...

  5. JavaScript的前世今生

    和CSS一样,JavaScript在各浏览器下并非完全一致,它所带来的兼容性问题时常困扰着我们,以至于现在“能否处理流行浏览器的兼容性问题”成为了检验一个程序员是否合格的标准之一.了解JavaScri ...

  6. HTML5学堂 全新的HTML5/前端技术分享平台

    HTML5学堂 全新的HTML5/前端技术分享平台 HTML5学堂是做什么的? HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织.致力于构建一个前端 ...

  7. 阿里技术分享:阿里自研金融级数据库OceanBase的艰辛成长之路

    本文原始内容由作者“阳振坤”整理发布于OceanBase技术公众号. 1.引言 OceanBase 是蚂蚁金服自研的分布式数据库,在其 9 年的发展历程里,从艰难上线到找不到业务场景濒临解散,最后在双 ...

  8. 腾讯技术分享:GIF动图技术详解及手机QQ动态表情压缩技术实践

    本文来自腾讯前端开发工程师“ wendygogogo”的技术分享,作者自评:“在Web前端摸爬滚打的码农一枚,对技术充满热情的菜鸟,致力为手Q的建设添砖加瓦.” 1.GIF格式的历史 GIF ( Gr ...

  9. 腾讯技术分享:微信小程序音视频技术背后的故事

    1.引言 微信小程序自2017年1月9日正式对外公布以来,越来越受到关注和重视,小程序上的各种技术体验也越来越丰富.而音视频作为高速移动网络时代下增长最快的应用形式之一,在微信小程序中也当然不能错过. ...

  10. 阿里钉钉技术分享:企业级IM王者——钉钉在后端架构上的过人之处

    本文引用了唐小智发表于InfoQ公众号上的“钉钉企业级IM存储架构创新之道”一文的部分内容,收录时有改动,感谢原作者的无私分享. 1.引言 业界的 IM 产品在功能上同质化较高,而企业级的 IM 产品 ...

随机推荐

  1. virtualbox多个网卡添加(第5-8块儿)

    virtualbox多个网卡添加(第5-8块儿) virtualbox默认只能启用4块网卡,如果4块网卡不够则需要通过命令添加.最多可以增加至8块 创建一个文件run.bat,添加如下内容到文件中,然 ...

  2. ZooTeam 前端周刊|第 111期

    转: ZooTeam 前端周刊|第 111期 ZooTeam 前端周刊|第 111期 浏览更多往期周刊,请访问: https://weekly.zoo.team 基于Vue的前端架构,我做了这15点 ...

  3. 【pytest官方文档】解读fixtures - 1.什么是fixtures

    在深入了解fixture之前,让我们先看看什么是测试. 一.测试的构成 其实说白了,测试就是在特定的环境.特定的场景下.执行特定的行为,然后确认结果与期望的是否一致. 就拿最常见的登录来说,完成一次正 ...

  4. Codeforces 682C Alyona and the Tree

    题目链接:http://codeforces.com/problemset/problem/682/C 分析:存图,用dfs跑一遍,详细见注释 1 #include<iostream> 2 ...

  5. Slenium详解

    Slenium介绍 Selenium 是一个 Web 应用的自动化框架. 通过它,我们可以写出自动化程序,像人一样在浏览器里操作web界面. 比如点击界面按钮,在文本框中输入文字 等操作. 而且还能从 ...

  6. Java 集合框架 03

    集合框架·HashSet 和 TreeSet HashSet存储字符串并遍历 * A:Set集合概述及特点 * 通过API查看即可 * 无索引,不可以重复,无序 * B:案例演示 * HashSet存 ...

  7. SpringBoot项目创建与单元测试

    前言   Spring Boot 设计之初就是为了用最少的配置,以最快的速度来启动和运行 Spring 项目.Spring Boot使用特定的配置来构建生产就绪型的项目. Hello World 可以 ...

  8. Linux Kernel 0.12 启动简介,调试记录(Ubuntu1804, Bochs, gdb)

    PS:要转载请注明出处,本人版权所有. PS: 这个只是基于<我自己>的理解, 如果和你的原则及想法相冲突,请谅解,勿喷. 前置说明   本文作为本人csdn blog的主站的备份.(Bl ...

  9. 我给Apache顶级项目贡献了点源码。

    这是why技术的第 91 篇原创文章 这篇文章其实并没有什么技术性的分享,从我的角度而言,更多是记录和思考. 把我对于源码和之前写的部分文章反哺给我的一些东西,带来的一点点思考分享给大家. 一行源码 ...

  10. 记客户端WebBrowser控件修改版本的问题

    保留在本地电脑的一篇记录,第二条描述是在网上看来的,忘记在哪看的了,也就没注明出处,望见谅. 1.Winform内置浏览器控件的底层调用与系统IE浏览器的底层调用相同. 2.IE8 对渲染引擎做了很大 ...