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 函数参数是传值(byVal)还是传址(byRef) 分享
Jul 02 Javascript
js innerHTML 改变div内容的方法
Aug 03 Javascript
artDialog双击会关闭对话框的修改过程分享
Aug 05 Javascript
JS 数字转换研究总结
Dec 26 Javascript
node.js中RPC(远程过程调用)的实现原理介绍
Dec 05 Javascript
jQuery中die()方法用法实例
Jan 19 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 Javascript
iframe中使用jquery进行查找的方法【案例分析】
Jun 17 Javascript
EditPlus中的正则表达式 实战(4)
Dec 15 Javascript
JS点击动态添加标签、删除指定标签的代码
Apr 18 Javascript
vue删除html内容的标签样式实例
Sep 13 Javascript
JS自定义右键菜单实现代码解析
Jul 16 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
php读取30天之内的根据算法排序的代码
2008/04/06 PHP
php实现给一张图片加上水印效果
2016/01/02 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
PHP实现文件上传后台处理脚本
2020/03/04 PHP
使用jquery给input和textarea设定ie中的focus
2008/05/29 Javascript
Jquery iframe内部出滚动条
2010/02/11 Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
2012/02/03 Javascript
jquery禁止回车触发表单提交
2014/12/12 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
2015/04/17 Javascript
初步使用bootstrap快速创建页面
2016/03/03 Javascript
Js获取图片原始宽高的实现代码
2016/05/17 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
jQuery中fadein与fadeout方法用法示例
2016/09/16 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
JavaScript模拟实现封装的三种方式及写法区别
2017/10/27 Javascript
node.js基础知识小结
2018/02/26 Javascript
vue-router路由懒加载的实现(解决vue项目首次加载慢)
2018/08/28 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
2018/12/13 Javascript
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
js实现无缝轮播图特效
2020/05/09 Javascript
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
微信小程序实现watch监听
2020/06/04 Javascript
Python的Tornado框架实现图片上传及图片大小修改功能
2016/06/30 Python
linux下python使用sendmail发送邮件
2018/05/22 Python
python字符串常用方法
2018/06/14 Python
python并发和异步编程实例
2018/11/15 Python
python切片(获取一个子列表(数组))详解
2019/08/09 Python
美国领先的机场停车聚合商:Airport Parking Reservations
2020/02/28 全球购物
介绍Java的内部类
2012/10/27 面试题
教育科学研究生自荐信
2013/10/09 职场文书
银行学习十八大感想
2014/01/11 职场文书
社区食品安全实施方案
2014/03/28 职场文书
优秀班主任经验交流材料
2014/06/02 职场文书
语文复习计划
2015/01/19 职场文书
新员工试用期工作总结2015
2015/05/28 职场文书
升职感谢领导的话语及升职感谢信
2019/06/24 职场文书