授人以渔 - 轩枫阁 – 前端开发

JS实用技巧手记（五）

本系列文章旨在记录一些实用的javascript技巧，既可以作为一个知识的积累，又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~

1. 十六进制颜色值的随机生成

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来补充

2. 获取下一个结点，兼容IE和Firefox

查看全文

2014/03 09 周日

前言

受益于grunt这么久，继续分享关于grunt的一些技巧。grunt确实是前端项目中不可或缺的提升效率的工具。第一次接触grunt是在去年7月份，开始有接触LESS、Coffee Script的等需要编译的模板才能使用的，所以grunt就有了很大的用处。当然除了编译，还有一部分的工作就是压缩，grunt常用的任务就是压缩JS、CSS，检查语法错误，同时也可以保证质量压缩图片（删除图片多余信息）。

使用起来也很简单，基于node，所以我们就可以通过js来控制这些文件。唯一需要做的是编写配置文件，做一套适合我们项目的编译系统。除此之外，另一个很方便的功能就是grunt能够通过监听文件变化（创建、删除、保存）来执行相应的任务。在初次学习grunt的配置的时候，踩过许多坑，之前也写过两篇关于grunt的文章，所以这里就写下Grunt的配置写法，具体为何那么写以及需要注意的点已经在代码里面表明清楚。

示范

写法仅供参考，具体请结合自己的项目编写配置。查看全文

2014/02 27 周四

JavaScript：不再专属于前端开发即将称霸物联网

前言

Patrick Catanzariti 是一名自由Web开发工程师，近日国外网站sitepoint刊登了一篇他写的《JavaScript Beyond the Web》，文内介绍了JavaScript在物联网中的作用，很有意思。现将文章翻译如下：

短短几年间，在人们眼中JavaScript已迅速成长为最有价值的语言。在Netscape Navigator浏览器初期，Javascript的诞生让我们眼前一亮，我惊奇的发现，我竟然可以修改网页上对话框的文字了。

从那时起，JavaScript成长的速度远远超过了我的预期，我们现在所看到功能强大的Web应用、移动应用、Windows 8 应用，甚至整个服务器都在使用JavaScript。

我认为最激动人心的是这种语言，现在还可以用来控制和监控你的移动电话、开关灯具、机器人，增强Google Glass，以及手或手指之间的感应等。

在这篇文章中，我会介绍一些JavaScript在“物联网”里的应用，让JavaScript开发者从而了解并能从现在开始可以从事这方面的工作。

如果你是一名JavaScript程序员，想通过自己的技术将互联网世界无缝的衔接起来，就要比其他程序员思考的更多，现在身边的一些高科技产品就具备着很多即诱人又有创新性的机遇。查看全文

2014/02 17 周一

javascript的异常处理你了解吗？

前言

异常处理运行在浏览器端Javascript受宿主环境、浏览器插件、运营商劫持、第三方代码等等因素的影响导致，javascript在浏览器端出现各种各样的异常情况。

Error对象及其衍生对象

Error对象有两个最基本的属性：

name：错误名称
message：错误提示信息

除了Error对象，JavaScript还定义了其他6种错误，即存在Error的6个衍生对象

EvalError：执行代码时发生的错误
RangeError：当一个数值型变量或参数超出有效范围时发生的错误
ReferenceError：引用一个不存在的变量时发生的错误
SyntaxError：解析代码时发生的语法错误
TypeError：变量或参数的类型无效时发生的错误
URIError：向encodeURI() 或者 decodeURI() 传入无效参数时发生的错误

捕获异常及其处理

方式一：用try语句捕获必要异常

查看全文

2014/02 16 周日

jQuery选择器详细解析

1. 基础选择器 Basics

名称	说明	举例
#id	根据元素Id选择	$(“divId”) 选择ID为divId的元素
element	根据元素的名称选择,	$(“a”) 选择所有<a>元素
.class	根据元素的css类选择	$(“.bgRed”) 选择所用CSS类为bgRed的元素
*	选择所有元素	$(“*”)选择页面所有元素
selector1, selector2, selectorN	可以将几个选择器用”,”分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容.	$(“#divId, a, .bgRed”)