第一节 部署现代JavaScript开发环境

现代JavaScript基础入门

JavaScript开发环境:面对众多JavaScript开发工具,现代JavaScript开发者的工具箱发生了极大的变化。学习 Javascript 就稍微不大一样,只要你的电脑上有浏览器,你就已经有了一个最简的开发环境。这节课我们将在为整个课程学习做好准备,如何运行JavaScript文件?如果你从来没有学计算机语言,一切将从这里开始。

  1. 课堂源码可以在linchong899201/Javascript上面找到;
  2. 保持js文件整齐;
  3. 创建一个javascript基础的文件夹;
  4. js文件夹;
  5. js学习门槛比较低;

JavaScript开发环境-编写html代码

  1. html基本页面
  2. head
  3. body>header>
  4. 引入js文件<script src=””>没有内容</script>
  5. 浏览器自带的console工具调试

JavaScript开发环境总结

  1. 文本编辑器
  2. 浏览器
  3. 调试

JavaScript开发环境-结合代码进行详解

1、注释

  1. 被浏览器忽略的文本内容;
  2. 描述代码;
  3. 谨慎使用;
  4. 添加版权信息和授权信息;
  5. 代码段描述;
  6. 两种注释方法:
    1. 单行注释:用//单行注释,通常在js文件里面使用;
    2. 多行注释:用/*多行注释*/,通常在js文件开始部分使用;

2、控制台(consoles)

  1. 用于调试:console.log(‘<3’);这是最常用的调试方法;
  2. 检查变量或函数的返回值;
  3. 所有现代浏览器。

3、alerts

  1. 模态对话框(modal dialog box);
  2. 阻止浏览器UI(blocks the browser UI);
  3. 最基本的调试方式;
  4. 对象和数组无法扩展;
  5. 有利于警报控制台日志。

代码解释:

  1. 不能够点击浏览器的任何位置,console也不能操作,直到alert取消;
  2. alert方法属于全局窗口对象;
  3. 我们要注释alerts,否则令人讨厌的。

部署现代JavaScript开发环境总结

  1. 开发环境
  2. js在浏览器运行
  3. 或者在服务器
  4. js开发工具
  5. 用浏览器运行和调试
  6. js最基础知识:
    1. alert();声明
    2. console.log();
    3. //注释

下载本节《部署现代JavaScript开发环境》完整的代码

接近10年的互联网从业经验,精通Scrum敏捷软件开发的方法,从事互联网产品设计,开发,测试,运营,案例不少于20个,发现自己最喜欢的工作是做外贸营销,外贸SEO,特别喜欢谷歌优化。从2017年3月开始坚持在群161510483直播谷歌SEO和WEB前端开发技术,只要加进来坚持学习零基础也能够学会。

Last modified: 2019年5月2日

Next Story

现代JavaScript基础入门

第二节 JavaScript基础语法:变量

JavaScript变量:与代数一样可用于存放值(比如x=2)和表达式(比如z=x+y).变量可以使用短名称(比如x和y),也可以使用描述性更好的名称(比如age, sum, totalvolume).

...