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 相关文章推荐
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
Jun 26 Javascript
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
Mar 04 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
May 06 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
Oct 31 Javascript
AngularJs解决跨域问题案例详解(简单方法)
May 19 Javascript
JS基于递归实现倒计时效果的方法
Nov 26 Javascript
vue组件父与子通信详解(一)
Nov 07 Javascript
javascript获取图片的top N主色值方法详解
Jan 26 Javascript
微信小程序登录换取token的教程
May 31 Javascript
vue底部加载更多的实例代码
Jun 29 Javascript
JavaScript实现多层颜色选项卡嵌套
Sep 21 Javascript
原生小程序封装跑马灯效果
Oct 21 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
ThinkPHP自动完成中使用函数与回调方法实例
2014/11/29 PHP
PHP的Yii框架的常用日志操作总结
2015/12/08 PHP
PHP实现的自定义图像居中裁剪函数示例【测试可用】
2017/08/11 PHP
Thinkphp5框架中引入Markdown编辑器操作示例
2020/06/03 PHP
给文字加上着重号的JS代码
2013/11/12 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
bootstrap modal+gridview实现弹出框效果
2017/08/15 Javascript
vue.js 获取select中的value实例
2018/03/01 Javascript
javaScript实现游戏倒计时功能
2018/11/17 Javascript
layui 数据表格复选框实现单选功能的例子
2019/09/19 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
2019/12/04 Javascript
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
详解JavaScript作用域、作用域链和闭包的用法
2020/09/03 Javascript
js实现鼠标滑动到某个div禁止滚动
2020/09/17 Javascript
JavaScript WeakMap使用详解
2021/02/05 Javascript
Python图像处理实现两幅图像合成一幅图像的方法【测试可用】
2019/01/04 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
python logging 日志的级别调整方式
2020/02/21 Python
Python PyQt5整理介绍
2020/04/01 Python
一文弄懂Pytorch的DataLoader, DataSet, Sampler之间的关系
2020/07/03 Python
Python爬虫爬取微信朋友圈
2020/08/06 Python
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
亚洲在线旅行门户网站:Expedia.com.hk(智游网)
2020/04/14 全球购物
酒店管理毕业生自荐信
2013/10/24 职场文书
函授大专自我鉴定
2013/11/01 职场文书
应届生污水处理求职信
2013/11/06 职场文书
机关门卫岗位职责
2013/12/30 职场文书
人事专员的岗位职责
2014/03/01 职场文书
田径运动会开幕式及主持词
2014/03/28 职场文书
财务情况说明书范文
2014/05/06 职场文书
写给医院的感谢信
2015/01/22 职场文书
离婚案件被告代理词
2015/05/23 职场文书
委托开发合同书(标准版)
2019/08/07 职场文书
Python中X[:,0]和X[:,1]的用法
2021/05/10 Python
MySQL 自定义变量的概念及特点
2021/05/13 MySQL
解决tk mapper 通用mapper的bug问题
2021/06/16 Java/Android