作者red0whale (red whale)
看板Ajax
标题[问题] 提升传统javascript执行效率的方法
时间Fri Feb 17 16:32:02 2017
像jquery,原先如果是这样:
$("#div").css({"background-color":"#00FF00","color":"#FF0000"});
$("#div").animate({"width":"200px","height":"100px"},1000);
$("#div").on("click",function(){
console.log("clicked");
});
要简化并提升它的执行效率的话就可以使用「方法链串」:(可以省去不必要的重复分析
目标元素)
$("#div").css({"background-color":"#00FF00","color":"#FF0000"}).animate({"widt
h":"200px","height":"100px"},1000).on("click",function(){
console.log("clicked");
});
那如果是传统的javascript呢?
document.getElementById("div").style.backgroundColor = "#00FF00";
document.getElementById("div").style.color = "#FF0000";
....
是不是只要将「document.getElementById("div")」用一个变数取代就可以了
还是要用其他方法?
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 163.13.48.40
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1487320326.A.FC0.html
1F:→ MangoTW: 关键不在链式写法而在你select几次,变数避免重复select 02/17 20:26
2F:推 Qiqi: 你想一下怎麽自己实做chain的设计,你就可以回答你的问题了 02/17 20:48
3F:→ Qiqi: 但一楼的回应才是重点 02/17 20:49
4F:→ async: 你已经自己解答了 02/18 15:31