1.使用requestAnimationFrame
JavaScript创建动画时使用requestAnimationFrame帧动画,它很类似于setTimeOut函数,并且当标签页失去焦点时,它就不再运行
一般用法:
function render(){ //TODO requestAnimationFrame(render); } render();
启动/停止的用法之一:
//启动/停止的方法: var requestId; function loop() { ... // do stuff ... requestId = window.requestAnimationFrame(loop, canvas); } function start() { if (!requestId) { loop(); } } function stop() { if (requestId) { window.cancelRequestAnimationFrame(requestId); requestId = undefined; } }
2.使用while循环
我们经常使用倒序循环:
for(var i=0; i< array.length; i++){ //Do Something }
使用while循环效率更高:
var i = array.length; while(i--) { //Do Something }
3.禁用选中
当canvas占据了整个屏幕,我们想在Canvas控件中禁用选中,可是有如下代码:
// 禁用鼠标选中DOM元素 document.onselectstart = function() { return false; };
4.定义回调
我们经常这样设置回调函数:
$("#id").click(function() { // 回调函数 // 返回false在JQuery中会阻止消息的传递和默认行为的放生 return false; });
或者:
$("#id").click(myFunction); function myFunction(event) { //Do Something return false; }
我们应尽量像如下方式设置回调函数,这样不仅可以轻易将函数从事件上解除,而且可以避免污染全局变量空间,同时增加代码的可维护性:
$("#id").click(callbacks.myFunction); //所有的回调函数都在callbacks对象中 var callbacks = { myFunction:function(event) { //Do Something return false; } } // 解除某个函数的绑定 $("#someid").unbind('click', callbacks.myFunction);
5.链式三元运算
我们经常这样做:
var number = a > 5 ? 200 : 38;
其实我们还可以这样做:
var number = a < 5 ? 200 : a < 7 ? 38 : a < 11 ? 15 : a < 15 ? 49 : 64; //比使用when效率更高 //when a >=15
相关推荐
js技巧 javaScript编码技巧,里面包含了常用的网站开发的特效,例如新闻滚动条,弹出窗口,文字循环滚动等。
简述JS开发过程中,程序员常出现的错误及JS开发的一些小技巧
一段Javascript代码,有时会给开发带来很妙的效果。 开发中总结的 Javascript中最常用的130个经典技巧 本人在网上搜集的一些技巧 以及在开发中同事和我总结部分问题的汇总,希望对大家有用
每一项都是js中的小技巧,但十分的实用! 107条常用知识点 欢迎大家前来分享 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序...
JavaScript新手开发技巧
Vue.js进阶学习 技巧开发 插件利用 效率开发 源码分析
NULL 博文链接:https://songzhan.iteye.com/blog/1562149
进行web应用开发的javascript常用技巧。。。。
Three.js开发指南电子版,让你更好的学习理解threejs,Three.js开发指南电子版,让你更好的学习理解threejs
每个JavaScript开发人员应该知道33个概念
JS技巧大全 JS技巧大全 JS技巧大全 JS技巧大全
本书通过大量的交互案例和示例代码介绍了Three.js提供的各种API,让读者不需要了解很难编程的WebGL的底层细节及复杂的着色语言,只需大致了解JavaScript及HTML,就能轻松地在浏览器中创建二维和三维应用及图形。...
javascript小技巧,可以查看日常常用的javascript小技巧
Javascript中最常用的55个经典技巧。最常见的js操作代码。
[Apress] Node.js 开发技巧 (英文版) [Apress] Node.js Recipes A Problem-Solution Approach (E-Book) ☆ 图书概要:☆ Node.js Recipes is your one-stop reference for learning how to solve Node.js ...
javascript开发技巧
它扩充了JavaScript的应用范围,使JavaScript也能像其他语言一样操作各种系统资源,因此,前端工程化开发的大量工具都开始运行在Node.js环境中。由于Node.js采用事件驱动、非阻塞I/O和异步输出来提升性能,因此大量I...
ARCGIS API for JavaScript 开发文档 完整版
它扩充了JavaScript的应用范围,使JavaScript也能像其他语言一样操作各种系统资源,因此,前端工程化开发的大量工具都开始运行在Node.js环境中。由于Node.js采用事件驱动、非阻塞I/O和异步输出来提升性能,因此大量I...