00-JavaScript基础-基本概念

2017-08-10 本文已影响3241人极客江南

机器语言
- 所有的代码里面只有0和1, 0表示不加电,1表示加电(纸带存储时 1有孔,0没孔)
- 优点：直接对硬件产生作用，程序的执行效率非常高
- 缺点：指令又多又难记、可读性差、无可移植性
汇编语言
- 符号化的机器语言，用一个符号（英文单词、数字）来代表一条机器指令
- 优点：直接对硬件产生作用，程序的执行效率非常高、可读性稍好
- 缺点：符号非常多和难记、无可移植性
高级语言
- 非常接近自然语言的高级语言，语法和结构类似于普通英文
- 优点：简单、易用、易于理解、远离对硬件的直接操作、有可移植性
- 缺点：有些高级语言写出的程序执行效率并不高
对比(利用3种类型语言编写1+1)

了解更多请点我

JavaScript简称JS，是前端开发的一门脚本语言(解释型语言)
- 解释型语言：程序执行之前，不需要编译，直接运行时边解析边执行的语言
- 编译型语言：程序执行之前，需要一个专门的编译过程，把程序编译成为机器语言的文件，比如exe文件

JavaScript起源于Netscape公司的LiveScript语言
- 1994年网景公司发布历史上第一个比较成熟的浏览器(Navigator 0.9), 但是只能浏览不能交互
- 1995年为了解决表单有效性验证就要与服务器进行多次地往返交互问题，网景公司录用Brendan Eich(布兰登·艾奇)，他在 10 天内开发出 LiveScript 语言
- 在 Netscape Navigator 2.0 即将正式发布前，Netscape 将LiveScript 更名为 JavaScript，目的是为了蹭Java的热度
- 所以Java和 JavaScript之间的关系就像老婆和老婆饼一样

参考文献

ECMAScript：JavaScript的语法标准
- ECMA是European Computer Manufacturers Association的缩写，即欧洲计算机制造商协会
- ECMAScript是ECMA制定的脚本语言的标准, 规定了一种脚本语言实现应该包含的基本内容
- JavaScript是脚本语言的一种,所以JavaScript也必须遵守ECMAScript标准,包含ECMAScript标准中规定的基本内容
DOM(Document Object Model)：JavaScript操作网页上的元素(标签)的API
BOM(Browser Object Model)：JavaScript操作浏览器的部分功能的API

ECMAScript起源

<div onclick="alert('hello world');">我是div</div>

</body>
... ...
<script type="text/javascript">
       alert("hello world");
</script>
</body>

内嵌式注意点
- 通常将js代码放在body的最后, 因为HTML是从上至下加载, 而js代码通常是给标签添加交互(操作元素), 所以需要先加载HTML, 否则如果执行js代码时HTML还未被加载, 那么js代码将无法添加交互(操作元素);
- HTML页面中出现<script>标签后，就会让页面暂停等待脚本的解析和执行。无论当前脚本是内嵌式还是外链式，页面的下载和渲染都必须停下来等待脚本的执行完成才能继续, 所以如果把js代码写在head中, 那么js代码没有执行完毕之前后续网页无法查看
- 如果不愿意把js代码放在body的最后, 也可以放在head标签中, 但是为了保证执行js代码时HTML一定已经被加载了, 那么需要添加一些额外代码.(不推荐)

<head>
    <script>
        window.onload = function () { // 必须添加这句
            alert("hello world");
        }
    </script>
</head>

<script type="text/javascript" src="01-js书写格式.js"></script>

<script type="text/javascript" src="01-js书写格式.js">
    alert("hello world"); // 不会被执行
</script>

学习交流方式:
1.微信公众账号搜索: 李南江(配套视频,代码,资料各种福利获取)
2.加入前端学习交流群:
302942894 / 289964053 / 11550038