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 相关文章推荐
分享几个超级震憾的图片特效
Jan 08 Javascript
JS写的贪吃蛇游戏(个人练习)
Jul 08 Javascript
JS修改iframe页面背景颜色的方法
Apr 01 Javascript
文字垂直滚动之javascript代码
Jul 29 Javascript
js漂浮广告实现代码
Aug 15 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
javascript函数的四种调用模式
Jan 08 Javascript
vue2.0 axios前后端数据处理实例代码
Jun 30 Javascript
Angular4学习教程之DOM属性绑定详解
Jan 04 Javascript
js数组去重的方法总结
Jan 18 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
May 06 Javascript
vue v-for 使用问题整理小结
Aug 04 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
人大复印资料处理程序_补充篇
2006/10/09 PHP
php中计算中文字符串长度、截取中文字符串的函数代码
2011/08/09 PHP
PHP中比较时间大小实例
2014/08/21 PHP
PHP的mysqli_query参数MYSQLI_STORE_RESULT和MYSQLI_USE_RESULT的区别
2014/09/29 PHP
discuz目录文件资料汇总
2014/12/30 PHP
PHP 面向对象程序设计之类属性与类常量实现方法分析
2020/04/13 PHP
JS判断元素为数字的奇异写法分享
2012/08/01 Javascript
用console.table()调试javascript
2014/09/04 Javascript
javascript制作的简单注册模块表单验证
2015/04/13 Javascript
AngularJS向后端ASP.NET API控制器上传文件
2016/02/03 Javascript
ES6新特性之数组、Math和扩展操作符用法示例
2017/04/01 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
vue中实现图片和文件上传的示例代码
2018/03/16 Javascript
Javascript实现购物车功能的详细代码
2018/05/08 Javascript
微信小程序实现获取小程序码和二维码java接口开发
2019/03/29 Javascript
Python Sleep休眠函数使用简单实例
2015/02/02 Python
Python线程详解
2015/06/24 Python
python版简单工厂模式
2017/10/16 Python
python生成不重复随机数和对list乱序的解决方法
2018/04/09 Python
Python魔法方法详解
2019/02/13 Python
Python3 chardet模块查看编码格式的例子
2019/08/14 Python
修改Pandas的行或列的名字(重命名)
2019/12/18 Python
Python数据持久化存储实现方法分析
2019/12/21 Python
python opencv 图像边框(填充)添加及图像混合的实现方法(末尾实现类似幻灯片渐变的效果)
2020/03/09 Python
html5文本内容_动力节点Java学院整理
2017/07/11 HTML / CSS
使用html5制作loading图的示例
2014/04/14 HTML / CSS
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
英国羊绒服装购物网站:Pure Collection
2018/10/22 全球购物
Oasis服装官网:时尚女装在线
2020/07/09 全球购物
聚美优品的广告词
2014/03/14 职场文书
艺术教育实施方案
2014/05/03 职场文书
2014年学习全国道德模范事迹思想汇报
2014/09/15 职场文书
个人批评与自我批评发言稿
2014/09/28 职场文书
开展批评与自我批评发言材料
2014/10/17 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
导游词之南京莫愁湖公园
2019/11/13 职场文书