JS基础学习第一天：什么是JavaScript？

没办法，js基础发现自己真的薄弱，所以从最基础的开始学起，只要肯学习，一切为时不晚

一个高水平的定义

   JavaScript是允许你在网页中实现复杂事情的一门变成语言--每次当你浏览网页时不止是显示静态信息--显示即时更新的内容、或者交互式的地图，或者2D/3D图形动画，又或者是自动播放的视频等，你可以确信，JavaScript参与其中。

     web技术的三层蛋糕， HTML、CSS 和 JavaScript；

   

   ●HTML 是一种标记语言，用来结构化我们的网页内容和赋予内容含义，例如定义段落、标题和数据表，或者是在页面中嵌入图片和视频

  ●CSS 是一种样式规则语言，我们将样式应用于我们的HTML内容，例如设置背景颜色和字体，在多个列中布局我们的内容

  ●JavaScript是一种编程语言，允许你创建动态更新的内容，控制多媒体，图像动画，和一些其他的东西。

所以它实际上可以做什么？

    在你的JavaScript代码里，被称为应用程序变成接口[Application  Programming  Interfaces(APIs)]的功能会提供额外的超能力给你使用

      API是已经建立好的一套代码组件，目的是让开发者可以实现除此之外很难甚至不可能实现的程序。他们的作用就像是已经之多好的家具套间对家具建设的作用一样----从一堆已经切好的木板开始组装一个书柜，显然比价设计，寻找合适的木材，裁剪至合适的大小和形状，找到合适的大小的螺丝钉，然后组装成一个书柜要简单的多。

一般API一般分为两类浏览器API 和 第三方API 

 浏览器API（browser APIs）已经安装在你的网页的浏览器中，而且能够从周围计算机环境中揭露数据，或者做有用的复杂的事情。

       ●文档对象模型API  允许你操作HTML和CSS，创建、移除和修改HTML，动态的应用新的样式到你的页面中等等。弹窗或者显示一些新的内容都是DOM在运作；

      ●地理定位API   获取地理位置信息，这就是谷歌地图可以找到你的位置并显示在地图上；

      ●音像和影像API  在网页中播放音像和影像，或者从网页的摄像头中获取录像，然后在其他人电脑上展示

第三方API（third party APIs）默认是没有安装到浏览器中的，而你通常需要从网络上的某些地方取得他们的代码和信息。

     ●推特API 允许你做一些像是在你的网站上展示你的最新的推送之类的事情

     ●谷歌地图API  允许你去嵌入定制的地图到你的网站，和其他功能

JavaScript在你的页面上做了什么？

    当你在浏览器中读取一个网页，在一个实行环境（浏览器标签）中运行自己的代码（HTML,CSS和JavaScript）。这就是一个工厂，获取原材料（代码）然后产出一个产品（网页）

     在HTML和CSS已经被集合组装成一个网页后，浏览器的JavaScript引擎执行JavaScript。这保证了JavaScript开始运行时，网页的结构和样式已经出现在该出现的地方了。

    这是一个好事情，正如JavaScript的普遍用处是通过DOM  API动态的修改HTML和CSS来更新用户交互界面，如果JavaScript先执行，会发生错误

JavaScript的运行顺序

var para = document.querySelector('p');para.addEventListener('click', updateName);function updateName() {var name = prompt('Enter a new name');para.textContent = 'Player 1: ' + name;}

  
在这里我们正选定一个文本段落 (line 1)，然后给它附上一个事件监听器 (line 3) 使得当这个段落被点击时，updateName() 代码块 (lines 5–8) 会被运行。updateName() 代码块（这类可以重复使用的代码块被称为“函数”）向用户请求一个新的名字，然后把这个名字插入到段落中以更新显示。

如果你互换了代码里最初两行的顺序，它将不会工作——取而代之的是，你会在浏览器的开发者控制台中得到一个错误——TypeError: para is undefined [类型错误：para没有被定义]。这意味着 para 对象还不存在，所以我们不能为它增添一个事件监听器

 怎么样向页面中添加JavaScript？

   内部的JavaScript

    

<script>  // JavaScript goes here</script>

    外部的JavaScript

1. 首先，在跟你的简单 HTML 文件的同一目录下创建一个新的文件。命名为 script.js ——保证它以 .js 为文件扩展名，因为这是它被认作是 JavaScript 的方式。
   
2. 然后，把所有在你现在的 <script> 元素中的脚本 [script] 提取出来并粘贴到 .js 文件。保存这个文件
3. 现在替换你的 <script> 元素为如下：

script src="script.js"></script>

内链JavaScript处理器 并不介意这么做

           

function createParagraph() {var para = document.createElement('p');para.textContent = 'You clicked the button!';document.body.appendChild(para);}

<button onclick="createParagraph()">Click me!</button>

注释
            正如使用 HTML 和 CSS 一样，在你的 JavaScript 代码中书写会被浏览器忽略掉的注释是可行的，并且注释只用来为你的开发者同事提供关于代码如何工作的指引（包括你，如果你在 6 个月后回到你的代码并忘记了你做过些什么）。注释非常有用，而且你应该经常使用它们，尤其是在更大的应用程序中。这里有两类注释：

•  一个单行注释书写在一个双正斜杠后（//），比如：
  

  //var para = document.querySelector('p');

  
  
  
• 一个多行注释写在字符串/*和*/之间，比如
  

  <!-- 正如使用 HTML 和 CSS 一样，在你的 JavaScript 代码中书写会被浏览器忽略掉的注释是可行的，并且注释只用来为你的开发者同事提供关于代码如何工作的指引（包括你，如果你在 6 个月后回到你的代码并忘记了你做过些什么）。注释非常有用，而且你应该经常使用它们，尤其是在更大的应用程序中。这里有两类注释： -->