前端开发之路--关于JS代码的若干个小技巧（一）

1、图片预览。首先进行页面布局，代码如下图所示。使用input标签，设置其type类型为“file”，还需要img标签，作为预览图片的载体。

2、这里其实是要用到HT怡觎现喾ML5标准中新增的API FileReader来实现图片的预览，首先获取到操作的节点，接下来监听节点的“change”事件，然后在事件处失窝蜜琶理中创建FileReader对象，去监听"load"事件，将获取到的内容赋值给img标签，完成图片的预览。

3、获取页面所有复选框。这里所用的方法都是JS原生的钱砀渝测（当然也可以使用第三方框架更为方便的实现），首先获取所有标签为input的节点集合，然后对其循环遍历，找到type类型为“checkbox”的即可，然后将它push入一个新的对象。

4、判断变量的数据类型为数组。这个可以通过JS的原型链去判断，寻找变量的prototype即可判断该变量是否为数组数据类型。

5、对象的拷贝与赋值。如果你创建一个对象，然后将其直接以赋值的形式给另一个变量，这样的做法并没没有办法完成拷贝，因为另一个变量拿到的只是该对象的内存地址，容易对原对象造成篡改。

6、这里要使用JS的深拷贝方法，即assgin方法，他回去遍历源对象的所有属性和值，然后复制给待拷贝的对象，以此完成复制，可以避免源对象被篡改的可能。