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随意添加移除html的实现代码
Jun 21 Javascript
js 通用javascript函数库整理
Aug 14 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
Apr 15 Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
JS控制按钮10秒钟后可用的方法
Dec 22 Javascript
微信小程序Redux绑定实例详解
Jun 07 Javascript
详解Vue2中组件间通信的解决全方案
Jul 28 Javascript
JS实现运动缓冲效果的封装函数示例
Feb 18 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 Javascript
JavaScript简易计算器制作
Jan 17 Javascript
利用javaScript处理常用事件详解
Apr 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
第1次亲密接触PHP5(1)
2006/10/09 PHP
php学习笔记之面向对象
2014/11/08 PHP
php文件扩展名判断及获取文件扩展名的N种方法
2015/09/12 PHP
YII Framework框架教程之安全方案详解
2016/03/14 PHP
yii2中的rules 自定义验证规则详解
2016/04/19 PHP
对比PHP对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
利用jQuery 实现GridView异步排序、分页的代码
2010/02/06 Javascript
document.getElementById介绍
2011/09/13 Javascript
面向对象Javascript核心支持代码分享
2012/05/23 Javascript
jQuery Tools tab使用介绍
2012/07/14 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
使用javascript控制cookie显示和隐藏背景图
2014/02/12 Javascript
jQuery弹出下拉列表插件(实现kindeditor的@功能)
2016/08/16 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
2017/08/17 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
详解webpack4多入口、多页面项目构建案例
2018/05/25 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
2019/06/11 Javascript
Python中的复制操作及copy模块中的浅拷贝与深拷贝方法
2016/07/02 Python
浅谈Python中重载isinstance继承关系的问题
2018/05/04 Python
python实现电脑自动关机
2018/06/20 Python
Python中关于浮点数的冷知识
2019/09/22 Python
基于Python的Jenkins的二次开发操作
2020/05/12 Python
Python 可视化神器Plotly详解
2020/12/26 Python
应聘教师推荐信
2013/10/31 职场文书
《三个小伙伴》教学反思
2014/04/11 职场文书
作文评语集锦大全
2014/04/23 职场文书
模具设计与制造专业自荐书
2014/07/01 职场文书
高考升学宴答谢词
2015/01/20 职场文书
同学聚会邀请函
2015/01/30 职场文书
暑假安全保证书
2015/02/28 职场文书
贫困证明书范文
2015/06/16 职场文书
Java后台生成图片的完整步骤
2021/08/04 Java/Android
Python使用mitmproxy工具监控手机 下载手机小视频
2022/04/18 Python
Windows10安装Apache2.4的方法步骤
2022/06/25 Servers