JavaScript 小函数积累及性能优化
获取值的类型:
var toString = Object.prototype.toString;
function getType(o) {
return toString.call(o).slice(8,-1);
}
document.write(getType(null));
document.writeln("<br/>");
document.write(getType(undefined));
输出:
定义一个 log 方法,让它可以代理 console.log 方法,常见的解决方法是:
function log() {
var args = Array.prototype.slice.call(arguments);
args.unshift('(app)');
console.log.apply(console, args);
}
重复定时器
setTimeout(function () {
var div=document.getElementById("myDiv");
left=parent(div.style.left)+5;
div.left=left+"px";
if(left<200){
setTimeout(arguments.callee,50);
}
});
js
访问全局变量总是比访问局部变量慢,因为需要遍历作用域链,只要减少花费在作用域链上的时间,就能增加脚本的整体性能。
1.可能优化脚本性能最重要的就是注意全局查找
2.避免使用with语句
例子:
function update()
{
var imgs=document.getElementBuTagName("img");
for(var i=0;len=imgs.length,i<len;i++)
{
imgs[i].title=document.title+" image "+i;
}
var msg=document.getElementById("msg");
msg.innerHTML="Update Complete"
}
优化后:(现在函数只执行一次全局查找速度更快)
function update()
{
var doc=document;
var imgs=doc.getElementBuTagName("img");
for(var i=0;len=imgs.length,i<len;i++)
{
imgs[i].title=doc.title+" image "+i;
}
var msg=doc.getElementById("msg");
msg.innerHTML="Update Complete"
}
对循环的优化
for(var i=0;i<values.length;i++)
{
process(values[i]);
}
优化1,后值循环
for(var i=values.length-1;i>=0;i--)
{
process(values[i]);
}
优化2,后侧循环:
var i=values.length-1;
if(i>-1)
{
do{
procrss(values[i]);
}while(--i>=0);
}
js优化要注意的其他事项:
- 原生方法较快
- switch语句较快
- 位运算符较快
多个变量声明:
var count=5;
var color="blue";
var values=[1,2,3];
var now=new Date();
使用单个var声明比多个var声明快很多。
var count=5,
color="blue",
values=[1,2,3],
now=new Date();
插入迭代值:
var name=values[i];
i++;
优化为:
var name=values[i++];
使用数组和对象字面量:
var values=new Array();
values[0]=123;
values[1]=456;
values[2]=789; var person=new Object();
person.age=29;
person.name="zhang";
person.say=function(){
alert(this.name);
}
优化:
var values=[123,456,789];
var person={
name:"zhang",
age:29,
say:function(){
alert(this.name);
}
};
JavaScript 小函数积累及性能优化的更多相关文章
- [daily][optimize] 一个小python程序的性能优化 (python类型转换函数引申的性能优化)
前天,20161012,到望京面试.第四个职位,终于进了二面.好么,结果人力安排完了面试时间竟然没有通知我,也没有收到短信邀请.如果没有短信邀请门口的保安大哥是不让我进去大厦的.然后,我在11号接到了 ...
- react第八单元(什么是纯函数-组件的性能优化-pureComponent-组件性能优化的原理)
课程目标 理解纯函数 熟练掌握组件性能优化的几种技巧 pureComponent和Component的区别 #知识点 一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数 ...
- Javascript之UI线程与性能优化
在浏览器中,Javascript执行与UI更新是发生在同一个进程(浏览器UI线程)中的.UI线程的工作基于一个简单的队列系统,任务会被保存到队列中直到进程空闲时被提取出来执行.所以Javascript ...
- 【JavaScript】页面加载性能优化
核心在于:减少加载时间 1.减少请求次数 2.缩减文件大小 3.异步加载---------------------->比如document.write 4.延迟加载.动态加载---------- ...
- 【前端性能优化】高性能JavaScript整理总结
高性能JavaScript整理总结 关于前端性能优化:首先想到的是雅虎军规34条然后最近看了<高性能JavaScript>大概的把书中提到大部分知识梳理了下并加上部分个人理解这本书有参考雅 ...
- react教程 — 性能优化
参考:https://segmentfault.com/a/1190000007811296?utm_medium=referral&utm_source=tuicool 或 https: ...
- 摘:JavaScript性能优化小知识总结
原文地址:http://www.codeceo.com/article/javascript-performance-tips.html JavaScript的性能问题不容小觑,这就需要我们开发人员在 ...
- JavaScript性能优化小知识总结(转)
JavaScript的性能问题不容小觑,这就需要我们开发人员在编写JavaScript程序时多注意一些细节,本文非常详细的介绍了一下JavaScript性能优化方面的知识点,绝对是干货. 前言 一直在 ...
- JavaScript性能优化小窍门汇总(含实例)
在众多语言中,JavaScript已经占有重要的一席之地,利用JavaScript我们可以做很多事情 , 应用广泛.在web应用项目中,需要大量JavaScript的代码,将来也会越来越多.但是由于J ...
随机推荐
- J2ee技术难点
J2ee技术难点 session/cookie区别联系 jsp/servlet区别联系 filter执行流程 openSessionInView原理 clone与servilizable区别联系 eq ...
- docker X509 证书错误的终极解决办法
最近在做Docker相关的东西,发现只要一pull镜像,就出现如下的ERROR x509: certificate signed by unknown authority. 调查后发现,是公司IT把h ...
- 《jQuery实战(第二版)》读书笔记
第一部分 jQuery核心 1.jQuery基础 第一章总结了jquery的大致功能,基本原理,使用方式. point: (1).引入:<script type="text/javas ...
- Windows下GIT安装与使用(上传远程端)
Windows下GIT安装与使用(上传远程服务器) 1. 登陆http://msysgit.github.io/并下载Git 2. 打开下载的exe文件,一路默认(路径可以去修改).有可能电脑需要 ...
- Exchange 2016 体系结构
Exchange Server 2016 使用一个构建基块体系结构,提供电子邮件服务,以便在各种规模的组织(从小型组织到最大规模的跨国企业)进行部署.这种体系结构如下图所示.包含两个角色,邮箱服务器角 ...
- java学习笔记 --- 抽象类
一.抽象类 (1)定义: 把多个共性的东西提取到一个类中,这是继承的做法. 但是呢,这多个共性的东西,在有些时候,方法声明一样,但是方法体. 也就是说,方法声明一样,但是每个具体的对象在具体实现的时候 ...
- vue学习笔记 概述(一)
vue里 最常见的 最普遍的用法 应该是 var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }}) 下面把所有使用方法尽可能列 ...
- mac下重启apach
打开终端 重启apache:sudo /usr/sbin/apachectl restart 关闭apache:sudo /usr/sbin/apachectl stop 开启apache:sudo ...
- 免费SSL证书PK付费SSL证书 花落谁家
3月17日和18日,Google Chrome 57.0.2987.110与Mozilla Firefox 52.0.1分别上线,而这两款浏览器都出现了一个共同点:打压HTTP协议.在Firefox ...
- Weblogic+apache多虚拟主机
p.MsoNormal,li.MsoNormal,div.MsoNormal { margin: 0cm; margin-bottom: .0001pt; text-align: justify; f ...