资深大牛10年收集的前端代码合集

HTML5

使用FileReader实现前端图片预览

取到页面中所有的checkbox怎么做？(不使用第三方框架)

JavaScript模版引擎小实例

数据

方法一：

方法二：

JavaScript

实现JS函数重载

JS跨浏览器绑定事件函数

常规实现方法

优化方法

JS单体模式

使用prototype属性定义的对象方法

1、不使用prototype属性定义的对象方法，是静态方法，只能直接用类名进行调用！另外，此静态方法中无法使用this变量来调用对象其他的属性！

2、使用prototype属性定义的对象方法，是非静态方法，只有在实例化后才能使用！其方法内部可以this来引用对象自身中的其他属性！

闭包实现结果缓存

我们开发中会碰到很多情况，设想我们有一个处理过程很耗时的函数对象，每次调用都会花费很长时间，

那么我们就需要将计算出来的值存储起来，当调用这个函数的时候，首先在缓存中查找，如果找不到，则进行计算，然后更新缓存并返回值，如果找到了，直接返回查找到的值即可。闭包正是可以做到这一点，因为它不会释放外部的引用，从而函数内部的值可以得以保留。

闭包实现封装

闭包实现类和继承

如何判断某变量是否为数组数据类型

Javascript继承-借用构造函数

Javascript原型-封装

通过闭包修正函数的上下文（浏览器不支持解决方案）

优化JavaScript的构造函数(new关键字的使用)

柯里化

对象拷贝与赋值

我们将对象赋值给了对象，从而改变的属性，但是对象的属性也被篡改，这是因为实际上对象获得的只是一个内存地址，而不是真正的拷贝，所以对象被篡改。

利用方法进行对象的

深拷贝

可以避免源对象被篡改的可能。因为方法可以把任意多个的源对象自身的可枚举属性拷贝给目标对象，然后返回目标对象。

我们也可以使用方法进行对象的拷贝，方法可以创建一个具有指定原型对象和属性的新对象。

CSS

居中

菜单栏下拉

JQuery

Q设置等高的列

作者：寒青

原文：https://segmentfault.com/a/1190000011614760#articleHeader9