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新手语法小结
Jun 15 Javascript
基于jQuery架构javascript基础体系
Jan 01 Javascript
jquery实现简单易懂的图片展示小例子
Nov 21 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
Mar 03 Javascript
jQuery中$(function() {});问题详解
Aug 10 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
Apr 14 Javascript
初学者AngularJS的环境搭建过程
Oct 27 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
Mar 26 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
Apr 16 Javascript
微信小程序登录数据解密及状态维持实例详解
May 06 Javascript
JS实现音乐导航特效
Jan 06 Javascript
详解JavaScript 事件流
Sep 02 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
PHP5中的this,self和parent关键字详解教程
2007/03/19 PHP
PHP 面向对象详解
2012/09/13 PHP
对象失去焦点时自己动提交数据的实现代码
2012/11/06 PHP
php pki加密技术(openssl)详解
2013/07/01 PHP
jquery实现图片渐变切换兼容ie6/Chrome/Firefox
2013/08/02 Javascript
文本域中换行符的替换示例
2014/03/04 Javascript
JavaScript闭包函数访问外部变量的方法
2014/08/27 Javascript
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
2014/08/30 Javascript
Javascript非构造函数的继承
2015/04/27 Javascript
详解jquery插件jquery.viewport.js学习使用方法
2017/09/08 jQuery
VUE前端cookie简单操作
2017/10/17 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
JS实现的判断方法、变量是否存在功能示例
2020/03/28 Javascript
详解webpack4多入口、多页面项目构建案例
2018/05/25 Javascript
js实现网页同时进行多个倒计时功能
2019/02/25 Javascript
性能优化篇之Webpack构建速度优化的建议
2019/04/03 Javascript
Layui数据表格 前后端json数据接收的方法
2019/09/19 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
JS删除数组指定值常用方法详解
2020/06/04 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
利用 python 对目录下的文件进行过滤删除
2017/12/27 Python
如何用Python破解wifi密码过程详解
2019/07/12 Python
一个入门级python爬虫教程详解
2021/01/27 Python
input元素的url类型和email类型简介
2012/07/11 HTML / CSS
西班牙网上书店:Casa del Libro
2016/11/01 全球购物
化石印度尼西亚在线商店:Fossil Indonesia
2019/03/11 全球购物
美国高端牛仔品牌:Silver Jeans
2019/12/12 全球购物
50道外企软件测试面试题
2014/08/18 面试题
高三上学期学习自我评价
2014/04/23 职场文书
我的小天地教学反思
2014/04/30 职场文书
四风问题民主生活会对照检查材料思想汇报
2014/09/27 职场文书
2014光棍节大学生联谊活动方案
2014/10/10 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
关于车尾的标语大全
2015/08/11 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
新手初学Java List 接口
2021/07/07 Java/Android