最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

1.JavaScript基础入门:部署现代JavaScript开发环境

JavaScript学习指南 林雍岷 117浏览

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开发环境》完整的代码

转载请注明:林雍岷 » 1.JavaScript基础入门:部署现代JavaScript开发环境