阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      JavaScript 开发环境介绍

      开发环境介绍

      相比其他语言,JavaScript的优势之一在于不用安装或配置任何复杂的环境就可以开始学习。

      • 编辑器推荐使用 webstorm/vscode
        • 如果选择困难,直接选VSCode
      • 浏览器用 Chrome

      第一份代码

      下面是一个基本的HTML页面和JavaScript代码;

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="UTF-8">
          <title>Title</title>
      </head>
      <body>
      <div>
          <p>编辑器:webstorm/vscode</p>
          <p>浏览器:chrome</p>
      </div>
      <script>
          console.log('现在可以写JS代码了')
      </script>
      </body>
      </html>
      

      这样就可以学习javascript,这门语言了,因为JS代码是执行时候才进行编译,所以环境比较简单;

      JavaScript 和 Java

      当然,请你不要纠结JavaScript 和 Java之间有什么关系,就好比雷锋和雷峰塔的区别,研究这些问题没有区别,你只需要问自己,想不想了解一些WEB方面的知识,如果你喜欢网页程序,那么跟着敲代码就好了,不要浪费时间;

      除了浏览器端以外,JS还能够使用V8/Nodejs等引擎再服务端运行,但是WEB前端开发,在浏览器环境下做学习,还是非常合适的

      理想世界中,所有的浏览器都没有BUG,并且支持的WEB标准都一样,但现实是不可能的,但Chrome的份额非常大,体验也非常好,所以就以Chrome作为标准进行开发

      Web 控制台(Web Console)

      Web 控制台 不仅可以展示当前已加载页面的信息,还包含一个可以在当前页面执行Javascript表达式的 命令行。

      Chrome浏览器打开方式:

      • 右键“检查”
      • Ctrl+Shift+i / Windows
      • F12 /Windows

      https://a.axihe.com/cut-img/chrome_TU3SobFIBD.png

      控制台的工作方式与eval完全相同:返回最后输入的表达式。

      为了简单起见,可以想象每次输入到控制台的东西实际上都被 console.log 所包围。

      其它建议

      • 要有Github账号
      • 要有自己的博客(独立域名/第三方的均可,比如博客园、csdn上开博客)

      如果按重要程序来说的话:Github推荐过段时间再搞,但是个人博客一定要立刻就开始弄;这里说的有,是指你要真正的用起来,并不是注册个账号,放在那看看的

      目录
      目录