对于刚刚接触前端开发或者刚开始学习javascript的同学来说,js能用来做些什么,它是如何诞生的,它的组成结构是怎么的,在这些问题上可能都只有一些模糊的概念, js的入门篇 就是希望可以从0开始深入浅出的聊一聊JavaScript这门语言,从而让刚入门的同学对其有个更加清晰和深入的理解。

首先还是来个大纲

  • javascript可以吃么。
  • javascript的诞生历史。
  • javascript的组成。
  • js核心语法
    • 基础语法
    • 关键字,保留字,注释
    • 变量
    • 数据结构
    • 事件

一、javascript可以吃么

首先可以肯定的是js是不能吃的,他是一种脚本语言。

我们看到页面里的绝大多数动态效果都是js去实现的。比如图片的左右滚动,比如点击按钮,比如说点击个登录按钮会弹出一个浮层呀这些都是js实现的。
对于浮层的显示隐藏就是js去控制了这个浮层的display属性对,而对于图片滚动也是通过js动态修改图片的属性而实现的。所以我们说js一部分的工作就是动态改变html元素的属性从而实现一些动效,另外一部分比如通过ajax技术跟服务器的通信等。

而我们抛开浏览器这个盒子,我们还会发现随着近几年javascript的迅猛发展,很多公司开始使用nodejs去写服务器端,核心也是js。而且js越来越多的被应用到比如制作app应用,桌面应用,电视机顶盒界面,甚至vr应用,人工智能,机器学习等各种领域。js这么广的适用面儿是其他语言很难匹及的。

二、javascript的诞生历史

那么了解了js能用来做什么以后,我们再来简单了解下js的历史。

JavaScript诞生于1995年,当时那个时代绝大多数用户都在使用调制解调器通过网线连接到自己家里的固定电话来上网的。速度相当的慢,每次打开一个页面都是需要耐心的。

在当时没有js的时候,比如我要做一个登录操作,输入完账号密码提交以后是需要发送到服务器端来判断你输入的账号密码是否正确的,需要等待几十秒,完了服务器反馈给你说某个地方填错了,这个过程觉得是要把人搞崩溃的。

所以当时走在技术革新最前沿的Netscape(网景)公司决定着手开发一种客户端语言,用来处理这种装简单的表单验证的工作。当时就职于Netscape公司的布兰登·艾奇(Brendan Eich)就接到了这个任务,让他去做一个可以完成简单网页表单验证功能的脚本语言

呶,就是这个大神。据说当时这家伙对这个任务不太喜欢,是最后花了10天的时间把这个任务赶出来的…

javascript入门教程 (1)的更多相关文章

  1. ArcGIS API for JavaScript 入门教程[0] 目录

    随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...

  2. ArcGIS API for JavaScript 入门教程[2] 授人以渔

    这篇仍然不讲怎么做,但是我要告诉你如何获取资源. 目录:https://www.cnblogs.com/onsummer/p/9080204.html 转载注明出处,博客园/CSDN/B站:秋意正寒. ...

  3. ArcGIS API for JavaScript 入门教程[4] 代码的骨架

    [回顾与本篇预览] 上篇简单介绍了JsAPI中的数据与视图,并告诉大家这两部分有什么用.如何有机连接在一起. 这一篇快速介绍一下前端代码的骨架.当然,假定你已经熟悉HTML5.CSS3和JavaScr ...

  4. ArcGIS API for JavaScript 入门教程[1] 渊源

    ->对于萌新,你可能需要了解一下这个东西是什么 ->对于已经知道要用这个东西的开发者,你可能需要了解一下它的底层机制 不针对大牛.龟速更新ing. 转载注明出处.博客园&CSDN& ...

  5. javascript入门教程(二):变量

    大家好,我从今天开始就会正式讲javascript的语法方面.变量 js中的变量一般使用var来声明(es6的let不在本教程讨论范围内),可以用来定义任何种类的变量,如果只对变量进行了定义而没有赋值 ...

  6. JavaScript 入门教程四 语言基础【2】

    一.数据类型介绍: undefined null NaN 1.判断当前变量是否为 undefined: if (i === undefined) 或者 if (typeof (i) === " ...

  7. JavaScript 入门教程三 语言基础【1】

     一.基本介绍 1.JavaScript 是一种区分大小写的语言.(var Hello 与 var hello 是不同的变量) 2.JavaScript 中标志符就是指变量.函数.属性的名字,或者函数 ...

  8. JavaScript 入门教程二 在HTML中使用 JavaScript

    一.使用 <script> 元素的方式有两种:直接在页面中嵌入 JavaScript 代码和引用外部 JavaScript 文件. 二.使用内嵌方式,一般写法为: <script t ...

  9. JavaScript 入门教程一 开篇介绍

    一.JavaScript 刚开始是为了解决一些由服务器端进行的验证而开发的前端语言.在宽带还不普及的90年代,当用户辛苦输入很多信息并提交给服务器后,等了漫长的时间,等到的不是提交成功的提示而是某些必 ...

随机推荐

  1. JBPM学习第4篇:10分钟熟悉Eclipse

    http://download.jboss.org/jbpm/videos/7.0.0.Final_eclipse_getting_started.swf 打开视频练习 1.导入 evaluation ...

  2. 通过反射感知Redis类里边全部的操作方法

    <?php //通过反射感知Redis类里边全部的操作方法 //根据Redis类实例化一个反射类对象 $me = new ReflectionClass('Redis'); //获得Redis类 ...

  3. ueditor PHP版本使用方法

    1.ueditor是百度很好用的一款文本编辑器,第一次使用,在此记录使用方法. 2.从http://ueditor.baidu.com/website/download.html#ueditor下载e ...

  4. xampp 中 mysql的相关配置

    最近开始接触PHP,而一般搭建PHP环境使用的都是xampp 这个集成环境,由于之前我的系统中已经安装了mysql服务,所以在启动mysql的时候出现一些列错误,我通过查询各种资料解决了这个问题,现在 ...

  5. Tesseract-OCR-02-Tesseract-OCR 的安装与 环境变量配置

    Windows 下 Tesseract-OCR 的安装与 环境变量配置 本篇介绍Windows下Tesseract-OCR的安装与环境配置,然后做一个图片的文字识别测试 Windows下 Tesser ...

  6. ie6 浏览器的bug

    1.IE6不支持连续类的交集选择器 1 #box.box.box1{ 2             width: 200px; 3             height: 200px; 4       ...

  7. SQL Server ->> FileTable

    FileTable是SQL Server 2012的新特性之一.它是基于SQL Server 2008的FILESTREAM特性上而来的,允许我们把Windows文件存储在SQL Server中,让S ...

  8. SQL Server ->> 时间函数: EOMONTH, DATEFROMPARTS, TIMEFROMPARTS, DATETIMEFROMPARTS, DATETIMEOFFSETFROMPARTS

    上面几个函数都是SQL Server 2012新增的时间函数. EOMONTH 返回传入时间的月结束日,返回数据类型为DATE SELECT EOMONTH(GETDATE()) 结果为 DATEFR ...

  9. 动态给table添加动态航

    <html> <head> <title>usually function</title> <meta http-equiv="Cont ...

  10. QT的组件布局

    在QT的IDE下,编写一个自定义布局. #include<QApplication> #include<QWidget> #include<QSpinBox> #i ...