javascript简单性能问题及学习笔记_javascript技巧-JS Tutorial-php.cn

javascript简单性能问题及学习笔记_javascript技巧

WBOY

Release： 2016-05-16 17:01:25

Original

868 people have browsed it

1、<script>标签应越少越好（虽然有多个也不会导致程序报错），因为每个<script>标签初始下载时都会阻塞页面渲染 <BR>2、<script>标签尽量不要放在页面上方，尽量放在<body>内的最下面，因为每个<script>在执行的时候，都会下载对应的js文件，浏览器会等待所有js/css下载完成才显示出页面 <BR>3、当需要导入多个js文件的时候，一般情况下我们都是写两个<script src="..." />，实际上是支持一次性导入多个的，例如：<script src="file1.js&file2.js" /> <BR>4、<script>标签中有一个属性：defer，该属性指明本元素所含的脚本不会修改DOM，因此代码能安全地延迟执行，但是该属性只有IE4+和Firefox3.5+浏览器支持，希望大家使用的时候注意，如果其他浏览器，则会被直接忽略，使用例子：</script>

，测试验证defer属性示例：

复制代码代码如下:

  
<script>alert("script");</script>  
<script>  <BR>window.onload = function() {  <BR>alert("load");  <BR>};  <BR></script>

这段代码在我们正常理解下执行顺序应该是：defer、script、load，但是如果在支持defer的浏览器上顺序则是：script、defer、load，这里需要注意的是：defer不是跟在script后面执行，而是在onload事件处理之前被调用。

时间有限，今天先记录这么多吧

Php8, I'm coming too

Learn website layout in 30 minutes

Shangguan Oracle Beginner to Proficient Video Tutorial

Your first line of UNI-APP code

Flutter from scratch to app launch

Brother Lian New Linux Video Tutorial

AXURE 9 Video Tutorial (Suitable for Product Manager Interactive Product Design UI)

Zero Basic Proficiency PS Video Tutorial

16 day UI video tutorial to get you started

PS Techniques and Slicing Techniques Video Tutorial

Alibaba Cloud Environment Construction and Project Launch Video Tutorial

Overview of Computer Networks - Basic Knowledge that Programmers Must Master

Essential Tutorial for Programmers - HTTP Protocol Explanation

Websocket Video Tutorial

javascript简单性能问题及学习笔记_javascript技巧