手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript简单性能问题及学习笔记
javascript简单性能问题及学习笔记
摘要:1、标签应越少越好(虽然有多个也不会导致程序报错),因为每个标签初始下载时都会阻塞页面渲染2、标签尽量不要放在页面上方,尽量放在内的最下面,...

1、<script>标签应越少越好(虽然有多个也不会导致程序报错),因为每个<script>标签初始下载时都会阻塞页面渲染

2、<script>标签尽量不要放在页面上方,尽量放在<body>内的最下面,因为每个<script>在执行的时候,都会下载对应的js文件,浏览器会等待所有js/css下载完成才显示出页面

3、当需要导入多个js文件的时候,一般情况下我们都是写两个<script src="..." />,实际上是支持一次性导入多个的,例如:<script src="file1.js&file2.js" />

4、<script>标签中有一个属性:defer,该属性指明本元素所含的脚本不会修改DOM,因此代码能安全地延迟执行,但是该属性只有IE4+和Firefox3.5+浏览器支持,希望大家使用的时候注意,如果其他浏览器,则会被直接忽略,使用例子:

<script type="text/javascript" src="file1.js" defer />

,测试验证defer属性示例:

复制代码 代码如下:

<script defer>alert("defer");</script>

<script>alert("script");</script>

<script>

window.onload = function() {

alert("load");

};

</script>

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

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

【javascript简单性能问题及学习笔记】相关文章:

JavaScript中eval函数的问题

javascript实现树形菜单的方法

基于javascript简单实现对身份证校验

JavaScript中数组添加值和访问值常见问题

javascript实现简单的省市区三级联动

JavaScript实现简单的数字倒计时

Javascript 字符串模板的简单实现

javascript常用方法总结

javascript转换静态图片,增加粒子动画效果

javascript实现动态改变层大小的方法

精品推荐
分类导航