对于刚刚接触前端开发或者刚开始学习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. ie6 浏览器的bug

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

  2. Spring返回json数据

    第一种形式:使用注解@ResponseBody @RequestMapping(value = "/admin/jq", method = RequestMethod.GET) @ ...

  3. C#接收WebSphere MQ中文乱码问题

    最近在用IBM的WebSphere MQ做数据传输,客户端操作系统Windows,服务器是AIX,我们用的都是UTF-8编码,但是联调时发现带中文的都出现了乱码.折腾了好久才发现问题,原来是CCSID ...

  4. 【Leetcode】【Medium】Longest Substring Without Repeating Characters

    Given a string, find the length of the longest substring without repeating characters. For example, ...

  5. shell逻辑运算符 1

    逻辑卷标 表示意思 1. 关于档案与目录的侦测逻辑卷标! -f 常用!侦测『档案』是否存在 eg: if [ -f filename ] -d 常用!侦测『目录』是否存在 -b 侦测是否为一个『 bl ...

  6. 最短路径-Dijkstra算法与Floyd算法

    一.最短路径 ①在非网图中,最短路径是指两顶点之间经历的边数最少的路径. AE:1    ADE:2   ADCE:3   ABCE:3 ②在网图中,最短路径是指两顶点之间经历的边上权值之和最短的路径 ...

  7. 批量检查多个网址是否正常(shell编程)

    #!/bin/bash #version 1.1 #by zengj #using checking urls . /etc/init.d/functions checkurl() { wget -o ...

  8. 微软在线 VSTS/TFS 使用简介,如何删除项目,帐号,获取git地址等

    名称:微软 VSTS 全称: Visual Studio Team Services 地址:https://www.visualstudio.com/zh-hans/ 说明:注册就可以了使用了(如何使 ...

  9. 深入解析Backbone.js框架的依赖库Underscore.js的作用

    这篇文章主要介绍了深入解析Backbone.js框架的依赖库Underscore.js的作用,用过Node.js的朋友对Underscore一定不会陌生:)需要的朋友可以参考下 backbone必须依 ...

  10. SchemaSpy

    SchemaSpy https://github.com/schemaspy/schemaspy/releases https://sourceforge.net/projects/schemaspy ...