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 Tabs插件宿主IFRAMES
Jan 01 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
Jun 23 Javascript
解析javascript瀑布流原理实现图片滚动加载
Mar 10 Javascript
js图片上传前预览功能(兼容所有浏览器)
Aug 24 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
Sep 17 Javascript
JS散列表碰撞处理、开链法、HashTable散列示例
Feb 08 Javascript
微信小程序 简易计算器实现代码实例
Sep 02 Javascript
Vue 实例事件简单示例
Sep 19 Javascript
基于vue.js实现购物车
Jan 15 Javascript
2分钟实现一个Vue实时直播系统的示例代码
Jun 05 Javascript
nuxt引入组件和公共样式的操作
Nov 05 Javascript
JS使用setInterval计时器实现挑战10秒
Nov 08 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
深入file_get_contents与curl函数的详解
2013/06/25 PHP
php版微信公众平台接口开发之智能回复开发教程
2016/09/22 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
2016/10/25 PHP
jQuery的写法不同导致的兼容性问题的解决方法
2010/07/29 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
js将控件隐藏及display属性的使用介绍
2013/12/30 Javascript
JQuery中的事件及动画用法实例
2015/01/26 Javascript
jquery实现的动态回到顶部特效代码
2015/10/28 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
jquery拖拽效果完整实例(附demo源码下载)
2016/01/14 Javascript
学习javascript文件加载优化
2016/02/19 Javascript
JS函数的定义与调用方法推荐
2016/05/12 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
js实现多图左右切换功能
2016/08/04 Javascript
ES6新增数据结构WeakSet的用法详解
2017/08/07 Javascript
JS如何实现在页面上快速定位(锚点跳转问题)
2017/08/14 Javascript
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
2020/07/21 Javascript
[01:40]2014DOTA2国际邀请赛 三冰SOLO赛后采访恶搞
2014/07/09 DOTA
[01:14:55]EG vs Spirit Supermajor 败者组 BO3 第三场 6.4
2018/06/05 DOTA
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
教你用Python创建微信聊天机器人
2020/03/31 Python
python学生管理系统学习笔记
2019/03/19 Python
pyinstaller 3.6版本通过pip安装失败的解决办法(推荐)
2020/01/18 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
Django多层嵌套ManyToMany字段ORM操作详解
2020/05/19 Python
纯CSS3实现鼠标悬停提示气泡效果
2014/02/28 HTML / CSS
Linux Interview Questions For software testers
2013/05/17 面试题
学生旷课检讨书500字
2014/10/28 职场文书
病人写给医生的感谢信
2015/01/23 职场文书
小学教师党员承诺书
2015/04/27 职场文书
2016学雷锋优秀志愿者事迹材料
2016/02/25 职场文书
优秀创业计划书分享
2019/07/19 职场文书
2019下半年英语教师的教学工作计划(3篇)
2019/09/25 职场文书
浅谈Laravel中使用Slack进行异常通知
2021/05/29 PHP