进度条库是前端中常见的库之一，bootstrap中提供了多种进度条样式。NProgress.js和nanobar.js是两款轻量级的进度条组件，使用简便。轩枫阁用过Nprogress，用于页面刚打开时的页面加载进度显示。
NProgress.js：http://ricostacruz.com/nprogress/
nanobar.js：http://nanobar.micronube.com/
轻量级的ajax进度条应用，灵感来自Google, YouTube, and Medium。
纳米级的进度条。 具有逼真的动画涓涓细流来说服你的用户，something is happen！ 查看全文
本系列文章旨在记录一些实用的javascript技巧，既可以作为一个知识的积累，又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
function randomColor(){ var arrHex=["0","1","2","3","4","5","6","7","8","9","a","b","c","d"], strHex="#", index; for(var i=0;i<6;i++){ index=Math.floor(Math.random()*14); strHex+=arrHex[index]; } return strHex; } console.log(randomColor()); function getRandomColor(){ return "#"+("00000"+((Math.random()*16777215+0.5)>>0).toString(16)).slice(-6); } console.log(getRandomColor()); |
说明：
1、16777215为16进制的颜色ffffff转成10进制的数字
2、>>数字取整
3、转成16进制不足6位的以0来补充
Patrick Catanzariti 是一名自由Web开发工程师，近日国外网站sitepoint刊登了一篇他写的《JavaScript Beyond the Web》，文内介绍了JavaScript在物联网中的作用，很有意思。现将文章翻译如下：
短短几年间，在人们眼中JavaScript已迅速成长为最有价值的语言。在Netscape Navigator浏览器初期，Javascript的诞生让我们眼前一亮，我惊奇的发现，我竟然可以修改网页上对话框的文字了。
从那时起，JavaScript成长的速度远远超过了我的预期，我们现在所看到功能强大的Web应用、移动应用、Windows 8 应用，甚至整个服务器都在使用JavaScript。
我认为最激动人心的是这种语言，现在还可以用来控制和监控你的移动电话、开关灯具、机器人，增强Google Glass，以及手或手指之间的感应等。
在这篇文章中，我会介绍一些JavaScript在“物联网”里的应用，让JavaScript开发者从而了解并能从现在开始可以从事这方面的工作。
如果你是一名JavaScript程序员，想通过自己的技术将互联网世界无缝的衔接起来，就要比其他程序员思考的更多，现在身边的一些高科技产品就具备着很多即诱人又有创新性的机遇。 查看全文
2011年5月11日，是美国现代舞大师玛莎葛兰姆（Martha Graham）的117岁诞辰，玛莎葛兰姆大师独创了玛莎葛兰姆式的舞蹈技法，以收与放为技巧充分展现舞者的感情，成为现代舞的创立人之一。GOOGLE为了纪念现代舞先驱，用巧妙的技术和奇特的创意在首页创建了一副跳舞的图。
整个动画实际上是由155张小图片做出来的（GOOGLE的设计师太NB了），就像放电影那样 查看全文
本系列文章旨在记录一些实用的javascript技巧，既可以作为一个知识的积累，又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~
|
1 2 3 |
var myString = "hello all"; var code = encodeURI(myString); //结果: "hello%20all" var str = decodeURI(code); //结果: "hello all" |
相应的还有: encodeURIComponent() decodeURIComponent()
|
1 2 3 |
var myString = "hello"; var code = myString.charCodeAt(3); //返回"l"的Unicode编码(整型) var char = String.fromCharCode(66); //返回Unicode为66的字符 |
|
1 2 3 4 5 6 7 |
function focusLast(){ var e = event.srcElement; var r =e.createTextRange(); r.moveStart('character',e.value.length); r.collapse(true); r.select(); } |