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


Posted in Javascript onFebruary 04, 2014

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实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平
Apr 20 Javascript
JS面向对象编程浅析
Aug 28 Javascript
jQuery实现单行文字间歇向上滚动源代码
Jun 02 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 Javascript
jQuery中empty()方法用法实例
Jan 16 Javascript
表单验证插件Validation应用的实例讲解
Oct 10 Javascript
js中常用的Math方法总结
Jan 12 Javascript
Angularjs中ng-repeat的简单实例
Aug 25 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
Oct 11 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
Jun 27 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
Aug 29 Javascript
vue 返回上一页,页面样式错乱的解决
Nov 14 Javascript
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 #Javascript
21个值得收藏的Javascript技巧
Feb 04 #Javascript
Javascript 按位与运算符 (&amp;)使用介绍
Feb 04 #Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
Feb 04 #Javascript
Javascript 按位左移运算符使用介绍(
Feb 04 #Javascript
JavaScript按位运算符的应用简析
Feb 04 #Javascript
Javascript 按位取反运算符 (~)
Feb 04 #Javascript
You might like
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
浅析PHP关键词替换的类(避免重复替换,保留与还原原始链接)
2015/09/22 PHP
PHP微信开发之根据用户回复关键词\位置返回附近信息
2016/06/24 PHP
PHP实现的XXTEA加密解密算法示例
2018/08/28 PHP
Laravel统计一段时间间隔的数据方法
2019/10/09 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
jQuery中end()方法用法实例
2015/01/08 Javascript
JS扩展方法实例分析
2015/04/15 Javascript
JavaScript中的fontsize()方法使用详解
2015/06/08 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
简单实现js浮动框
2016/12/13 Javascript
jQuery基于正则表达式的表单验证功能示例
2017/01/21 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
2017/02/22 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
2018/11/27 Javascript
如何利用javascript接收json信息并进行处理
2020/08/06 Javascript
javascript实现固定侧边栏
2021/02/09 Javascript
python连接池实现示例程序
2013/11/26 Python
Python3利用SMTP协议发送E-mail电子邮件的方法
2017/09/30 Python
django一对多模型以及如何在前端实现详解
2019/07/24 Python
python列表推导式入门学习解析
2019/12/02 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
CSS3对图片照片进行边缘模糊处理的实现
2018/08/08 HTML / CSS
AVIS安飞士奥地利租车官网:提供奥地利、欧洲和全世界汽车租赁
2016/11/29 全球购物
Pandora西班牙官方商店:PandoraShop.es
2020/10/05 全球购物
经济系大学生求职信
2013/10/01 职场文书
毕业生工作求职信
2014/06/30 职场文书
领导干部作风整顿个人剖析材料
2014/10/11 职场文书
军人离婚协议书样本
2014/10/21 职场文书
投标邀请书范本
2015/02/02 职场文书
高中生综合素质自我评价
2015/03/06 职场文书
2015年秋季小学开学典礼主持词
2015/07/16 职场文书
小学大队干部竞选稿
2015/11/20 职场文书
使用CSS实现六边形的图片效果
2022/08/05 HTML / CSS