前端开发中经常会需要区分用户的设备信息，如何区分浏览器，获得唯一的浏览器标识呢？可以从硬件入手，因为浏览器渲染canvas时，渲染算法和参数不同，因此绘制成的图片CRC校验参数也不一样，因此可以根据canvas获得浏览器指纹信息，进而生成唯一标识。
函数节流实现
发表于
分类于
学习
对于事件比较密集的应用，需要谨慎处理事件回调，过于频繁的执行会带来性能问题，尤其是在回调中执行大量消耗性能的动作。有时候我们并不需要那么快去响应事件，因为人的感官没有那么灵敏，就像电影一样，一帧一帧的展示，只要能达到24fps就能看起来像连续的画面。这里需要用到节流的技术。它的基本原理就是给一个要执行的动作加锁，一定时间内只执行一次。其重点在于加锁和去锁。
代码如下：1
2
3
4
5
6
7
8
9
10
11
12function throttle (fn, delay) {
var timer
return function () {
var context = this
var args = arguments
if(timer) return
timer = setTimeout(function () {
timer = undefined
fn.apply(context, args)
}, delay)
}
}
防抖函数实现
发表于
前端属于GUI程序开发，用户交互频繁，并且需要频繁渲染，经常会碰到性能问题，比如滚动条，键盘输入补全等。这就需要对输入进行拦截，防止短时间多次触发影响性能的操作（抖动），这个技术被称为防抖。它的基本原理就是给要执行的操作加个延迟，如果被多次触发，只执行最后一次操作。其重点在于清零。
Bresenham算法
在画布上给定起点和终点，怎么画出连接两点的直线呢？Bresenham算法给出了一种简单的方法，该算法非常精简可以只用整数加减法和位移等比较简单的算术运算方式实现。在一些计算资源比较贫乏的硬件上应用广泛。
简单多边形顶点凹凸性快速判断
三阶贝塞尔曲线及其样例演示
发表于
分类于
学习
三阶贝塞尔曲线的生成跟二阶类似，它是由起点、终点、控制点1、控制点2四个控制点生成。方程式如下：
二阶贝塞尔曲线方程及其样例演示
二阶贝塞尔曲线是个抛物线，其方程如下：
它的制作过程如下：
- 在P0到P1的线段上取一点Pa,使得t=PaP0:P0P1
- 在P1到P2的线段上取一点Pb,使得t=PbP1:P2P1
- 连接PaPb，在PaPb上取一点Pt，使得t=PtPa:PbPa
一阶贝塞尔曲线公式及其样例演示
一阶贝塞尔曲线是一条直线，它的方程式如下：
t是P0到P1之间的点到原点的距离与P0到P1的距离的比值,通过改变t值，可以移动点的位置。在数学中，线性插值是一种利用线性多项式在已知数据点的离散集合范围内构造新的数据点的曲线拟合方法。
垃圾分类随想
发表于
分类于
思考
我家附近有两个垃圾站，其中一个是垃圾站，另一个也是垃圾站，但是这两个垃圾站对垃圾的处理却截然不同。
godaddy域名续费75折优惠码
发表于
分类于
分享
发现自己的域名快到期了，于是赶紧登录godaddy准备续费，可是费用连年增长，现在都到了120元/年了,并且网上已经很难找到续费的优惠码了。
试了其他一些网友的方法很可行，并且可以达到75折的优惠，方法就是通过在线客服申请优惠码。具体方法就是：在进入购物车结算时，右上角有个联系我们的链接，点开后有一个马上联系的按钮，在聊天窗口中询问客服有没有优惠，客服会给你申请，填写客户代码和pin码，客服会给你发一个支付链接，支付完就可以了。