谁能介绍下JS开发的几款常用工具

JavaScript018

谁能介绍下JS开发的几款常用工具,第1张

浏览器,比如chrome,它很强大,可以打断点单步调试,可以看html结构,可以调css样式,可以模拟伪类事件,可以模拟不同视口的设备。

编译器推荐Atom , Sublime text3 。

ps: 既然是新手 ,就先别用IDE,要自己去敲,多敲才能记住一些东西!

pps: 要记住一些快捷键,便于提高效率。

gulp / webpack + babel自动化工具,效率高!

让页面加载完执行js有2种方法,js放在文档代码的下方和把语句代码放在window.onload方法里面。

js放在文档代码的下方

这是一个最简单的文档结构,引用的javascript文件都放在body的最下方和把语句放在window.onload函数里面,可以让javascript在页面加载完成后执行。

<!doctype html>

<html>

<head>

<title>helloWorld--zxk</title>

</head>

<body>

<div></div>

<script src="xxx"></script>

</body>

</html>

把语句代码放在window.onload函数里面

例如这段代码,虽然script标签没有在最下方,但javascript语句放在了window.onload里面,所以可以在文档加载完成后执行。

<!doctype html>

<html>

<head>

<title>helloWorld--zxk</title>

<script>

      window.onload=function(){

    alert('页面加载完成!')

      }

</script>

</head>

<body>

<div></div>

</body>

</html>

如图,当然是浏览器的开发者工具呀(firefox chrome使用f12快捷键打开)

不过j除了控制台最好能写在一个html文件里,那样容易调试,不过浏览器调试后的代码是不保存的,要自己复制粘贴回去

至少像这样

<script>

alert("hello")

</script