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 相关文章推荐
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
使用原生JS实现弹出层特效
Dec 22 Javascript
JS常用加密编码与算法实例总结
Dec 22 Javascript
JSON与js对象序列化实例详解
Mar 16 Javascript
全面解析Node.js 8 重要功能和修复
Jun 02 Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
Aug 23 Javascript
微信小程序实现提交input信息到后台的方法示例
Jan 19 Javascript
Vue学习之axios的使用方法实例分析
Jan 06 Javascript
微信小程序实现加入购物车滑动轨迹
Nov 18 Javascript
8个JS的reduce使用实例和reduce操作方式
Oct 05 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
德劲1104的电路分析与改良
2021/03/01 无线电
深入分析php中接口与抽象类的区别
2013/06/08 PHP
php采用curl实现伪造IP来源的方法
2014/11/21 PHP
php生成二维码不保存服务器还有下载功能的实现代码
2018/08/09 PHP
JavaScript中的Document文档对象
2008/01/16 Javascript
jQuery 性能优化指南 (1)
2009/05/21 Javascript
js 实现复制到粘贴板的功能代码
2010/05/13 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
在windows上用nodejs搭建静态文件服务器的简单方法
2016/08/11 NodeJs
JavaScript 继承详解(五)
2016/10/11 Javascript
分类解析jQuery选择器
2016/11/23 Javascript
Web纯前端“旭日图”实现元素周期表
2017/03/10 Javascript
node中使用es5/6以及支持性与性能对比
2017/08/11 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
2018/09/16 Javascript
Mint UI组件库CheckList使用及踩坑总结
2018/12/20 Javascript
[02:22]完美世界DOTA2联赛PWL S3 集锦第一期
2020/12/15 DOTA
django框架自定义用户表操作示例
2018/08/07 Python
对python中的 os.mkdir和os.mkdirs详解
2018/10/16 Python
python+selenium实现自动抢票功能实例代码
2018/11/23 Python
python实现多层感知器MLP(基于双月数据集)
2019/01/18 Python
在Python 字典中一键对应多个值的实例
2019/02/03 Python
Python实现的远程文件自动打包并下载功能示例
2019/07/12 Python
Python爬虫学习之获取指定网页源码
2019/07/30 Python
tensorflow2.0与tensorflow1.0的性能区别介绍
2020/02/07 Python
Windows下Anaconda安装、换源与更新的方法
2020/04/17 Python
香港个人化生活购物网站:Ballyhoo Limited
2016/09/10 全球购物
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
人力资源专员自我评价怎么写
2013/09/19 职场文书
绩效考核实施方案
2014/03/18 职场文书
项目采购员岗位职责
2014/04/15 职场文书
2014年体育部工作总结
2014/11/13 职场文书
罚站检讨书
2015/01/29 职场文书
2015年度女工工作总结
2015/10/22 职场文书
详解CocosCreator消息分发机制
2021/04/16 Javascript
Python线程池与GIL全局锁实现抽奖小案例
2022/04/13 Python