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模块化和命名空间管理的问题说明
Dec 06 Javascript
Jquery性能优化详解
May 15 Javascript
javascript自定义右键弹出菜单实现方法
May 25 Javascript
使用JavaScript刷新网页的方法
Jun 04 Javascript
javascript遇到html5的一些表单属性
Jul 05 Javascript
详解JavaScript的回调函数
Nov 20 Javascript
浅析node连接数据库(express+mysql)
Nov 30 Javascript
javascript 封装Date日期类实例详解
May 28 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
Jul 04 Javascript
详解前端路由实现与react-router使用姿势
Aug 07 Javascript
JavaScript实现简单生成随机颜色的方法
Sep 21 Javascript
vue+django实现一对一聊天功能的实例代码
Jul 17 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使用递归方式列出当前目录下所有文件的方法
2015/06/02 PHP
php实现留言板功能
2017/03/05 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
PHPExcel实现的读取多工作表操作示例
2020/04/14 PHP
jquery中dom操作和事件的实例学习 下拉框应用
2011/12/01 Javascript
script不刷新页面的联动前后代码
2013/09/18 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
jquery单选框radio绑定click事件实现方法
2015/01/14 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
2015/03/26 Javascript
Node.js实现文件上传
2016/07/05 Javascript
纯JavaScript手写图片轮播代码
2016/10/20 Javascript
JavaScript实现定时页面跳转功能示例
2017/02/14 Javascript
jQuery EasyUI之验证框validatebox实例详解
2017/04/10 jQuery
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
Node.js中sequelize时区的配置方法
2017/12/10 Javascript
基于Vue实现可以拖拽的树形表格实例详解
2018/10/18 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
vue store之状态管理模式的详细介绍
2019/06/13 Javascript
JS中==、===你分清楚了吗
2020/03/04 Javascript
基于vue和bootstrap实现简单留言板功能
2020/05/30 Javascript
[01:54]TI4西雅图DOTA2选手欢迎晚宴 现场报道
2014/07/08 DOTA
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
python脚本实现分析dns日志并对受访域名排行
2014/09/18 Python
用实例解释Python中的继承和多态的概念
2015/04/27 Python
python实现连接mongodb的方法
2015/05/08 Python
详解利用Python scipy.signal.filtfilt() 实现信号滤波
2019/06/05 Python
Python3 JSON编码解码方法详解
2019/09/06 Python
Python如何在main中调用函数内的函数方式
2020/06/01 Python
python中加背景音乐如何操作
2020/07/19 Python
护理自荐信范文
2013/10/05 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
CocosCreator ScrollView优化系列之分帧加载
2021/04/14 Python
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电
使用Ajax实现进度条的绘制
2022/04/07 Javascript