javascript入门教程 (1)
对于刚刚接触前端开发或者刚开始学习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)的更多相关文章
- ArcGIS API for JavaScript 入门教程[0] 目录
随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...
- ArcGIS API for JavaScript 入门教程[2] 授人以渔
这篇仍然不讲怎么做,但是我要告诉你如何获取资源. 目录:https://www.cnblogs.com/onsummer/p/9080204.html 转载注明出处,博客园/CSDN/B站:秋意正寒. ...
- ArcGIS API for JavaScript 入门教程[4] 代码的骨架
[回顾与本篇预览] 上篇简单介绍了JsAPI中的数据与视图,并告诉大家这两部分有什么用.如何有机连接在一起. 这一篇快速介绍一下前端代码的骨架.当然,假定你已经熟悉HTML5.CSS3和JavaScr ...
- ArcGIS API for JavaScript 入门教程[1] 渊源
->对于萌新,你可能需要了解一下这个东西是什么 ->对于已经知道要用这个东西的开发者,你可能需要了解一下它的底层机制 不针对大牛.龟速更新ing. 转载注明出处.博客园&CSDN& ...
- javascript入门教程(二):变量
大家好,我从今天开始就会正式讲javascript的语法方面.变量 js中的变量一般使用var来声明(es6的let不在本教程讨论范围内),可以用来定义任何种类的变量,如果只对变量进行了定义而没有赋值 ...
- JavaScript 入门教程四 语言基础【2】
一.数据类型介绍: undefined null NaN 1.判断当前变量是否为 undefined: if (i === undefined) 或者 if (typeof (i) === " ...
- JavaScript 入门教程三 语言基础【1】
一.基本介绍 1.JavaScript 是一种区分大小写的语言.(var Hello 与 var hello 是不同的变量) 2.JavaScript 中标志符就是指变量.函数.属性的名字,或者函数 ...
- JavaScript 入门教程二 在HTML中使用 JavaScript
一.使用 <script> 元素的方式有两种:直接在页面中嵌入 JavaScript 代码和引用外部 JavaScript 文件. 二.使用内嵌方式,一般写法为: <script t ...
- JavaScript 入门教程一 开篇介绍
一.JavaScript 刚开始是为了解决一些由服务器端进行的验证而开发的前端语言.在宽带还不普及的90年代,当用户辛苦输入很多信息并提交给服务器后,等了漫长的时间,等到的不是提交成功的提示而是某些必 ...
随机推荐
- Spring Data JPA 缓存结合Ehcache介绍
一级缓存: 会话session.事务级别的,事务退出,缓存就失效了. 实体管理器在事务执行期间持有一份数据的拷贝,而非直接操作数据源. 二级缓存: 进程范围级或集群范围的缓存,这个级别的缓存可配置和修 ...
- Spring课程 Spring入门篇 7-2 Advice定义及实例
1 解析 1.1 通知:after和afterreturning的区别 1.2 @RunWith 是什么? 2 代码演练 2.1 注解方式配置通知的两种方式 2.2 异常通知 2.3 非异常通知 1 ...
- 深入理解javascript原型和闭包_____全部
http://www.cnblogs.com/wangfupeng1988/p/3977924.html
- html和css入门 (四)
背景样式 背景颜色 属性名 background-color 属性值 合法的颜色的名,比如:red:十六进制值,比如:#ff0000:RGB 值,比如:rgb(255,0,0) 默认值 transpa ...
- 理解mouseover,mouseout,mouseenter,mouseleave
mouseover定义和用法 当鼠标指针位于元素上方时,会发生 mouseover 事件. 该事件大多数时候会与 mouseout 事件一起使用. mouseover() 方法触发 mouseover ...
- replace的坑
问题:html中代码段包含了$,在使用replace替换时,$直接被替换了解决:先把文本中的$全部替换成自己定义的标签,最后在还原回去原因:在介绍replace的文档中,$&代表插入匹配的子串 ...
- 【转】C# GDAL 配置
共生成9个dll,如下图: 1.在程序中添加*_csharp.dll四个文件的引用: 2.将剩余的五个文件复制到程序的Debug文件夹中:(如果不复制这五个文件就会出现类似“OSGeo.GDAL.Gd ...
- Linux入门-2 VIM基础
启动与退出 模式 进入插入模式 命令 删除.复制.粘贴 光标控制 查找与替换 EX模式 启动与退出 vim只启动vim vim <filename>打开文件,如果不存在则新建 模式 Nor ...
- Yii正则验证
required : 必须值验证属性 [['字段名'],required,'requiredValue'=>'必填值','message'=>'提示信息']; #说明:CRequiredV ...
- ssh配置调试的必杀技
我们知道,ssh客户端的文件及文件夹的权限会影响到身份验证是否通过,可能又不告诉我们为什么,这真是件烦心了事 所以,服务器调试执行就可以看到很多错误信息了 /usr/sbin/sshd -d -p 2 ...