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 相关文章推荐
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
Feb 11 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
Dec 01 Javascript
Bootstrap零基础入门教程(二)
Jul 18 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
Aug 31 Javascript
angular ngClick阻止冒泡使用默认行为的方法
Nov 03 Javascript
Angular实现下载安装包的功能代码分享
Sep 05 Javascript
Angularjs按需查询实例代码
Oct 30 Javascript
ES6中new Function()语法及应用实例分析
Feb 19 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完整的日历类(CLASS)
2006/11/27 PHP
PHP similar_text 字符串的相似性比较函数
2010/05/26 PHP
php htmlspecialchars()与shtmlspecialchars()函数的深入分析
2013/06/05 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
Javascript 作用域使用说明
2009/08/13 Javascript
快速排序 php与javascript的不同之处
2011/02/22 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
2015/04/07 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
2016/08/01 Javascript
javascript九宫格图片随机打乱位置的实现方法
2017/03/15 Javascript
利用node实现一个批量重命名文件的函数
2017/12/21 Javascript
vue.js实现点击后动态添加class及删除同级class的实现代码
2018/04/04 Javascript
ES6知识点整理之模块化的应用详解
2019/04/15 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
2019/05/12 Javascript
jQuery实现弹幕特效
2019/11/29 jQuery
React+EggJs实现断点续传的示例代码
2020/07/07 Javascript
python与C互相调用的方法详解
2017/07/14 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
浅谈用VSCode写python的正确姿势
2017/12/16 Python
详解Python中的动态属性和特性
2018/04/07 Python
python进行两个表格对比的方法
2018/06/27 Python
解读python如何实现决策树算法
2018/10/11 Python
python爬虫实现POST request payload形式的请求
2020/04/30 Python
python怎么判断素数
2020/07/01 Python
python实现计算图形面积
2021/02/22 Python
python 实现有道翻译功能
2021/02/26 Python
华为消费者德国官方网站:HUAWEI德国
2020/11/03 全球购物
自我评价200字分享
2013/12/17 职场文书
新品发布会主持词
2014/04/02 职场文书
一年级学生评语大全
2014/04/21 职场文书
小学生演讲稿大全
2014/04/25 职场文书
2015年幼儿园学期工作总结
2015/05/22 职场文书
黄河绝恋观后感
2015/06/08 职场文书
关于企业的执行力标语大全
2020/01/06 职场文书