uuice

javascript观察者模式的简单实现

发布于 2018/03/14·分类：javascript

观察者模式当一个对象的状态发生改变，所有依赖于它的对象都将得到通知，也叫做发布-订阅模式基本的代码框架function PubSub() { this.handlers = {};}PubSub.prototype = {

javascript 函数式编程之柯里化(currying)

发布于 2018/03/14·分类：javascript

HTML5 Canvas手机九宫格手势密码解锁 ，支持N*N个点

发布于 2018/03/10·分类：canvas

对于canvas不熟悉的可以查看 MDN 上的canvas教程在开始之前，先介绍一个数学知识，怎么判断一个点是否在圆内通过判断一个点到圆心的距离是否大于半径。例如：半径是R  如O(x,y)点圆心，任意一点P（x1,y1） （x-x1）*(x-x1)+(y-y1)*(y-y1)>R*R 那么在

X-Frame-Options 响应头

发布于 2017/06/06·分类：notes, http

做了一个页面，需要加载一个带分页列表，原本代码中没有ajax分页组件，所以就直接用iframe加载了一个页面进来，结果发现页面无法加载。控制台提示：Refused to display ‘XXXX’ in a frame because it set ‘X-Frame-Options’ to ‘de

NODE.JS采集练手

发布于 2017/05/03·分类：nodejs

使用类库request发送请求获取网页内容co执行Generator函数cheerio解析html，和jQuery一样通过选择器获取node-xlsx生成excel文档代码如下"use strict";const request = require('request&#3

Web动画优化--requestAnimationFrame

发布于 2017/05/03·分类：canvas

什么是requestAnimationFramewindow.requestAnimationFrame（callback）方法告诉浏览器您希望执行动画，并请求在下一次重新绘制之前,浏览器调用指定的函数更新。 callback该方法作为参数，在重绘之前调用回调。注意：如果您要在下一次重新绘制时进行别

canvas实现圆形进度条

发布于 2017/04/29·分类：canvas

浏览器指定内核访问

发布于 2017/04/29·分类：notes, html

360页面默认使用极速内核<meta name="renderer" content="webkit">页面默认使用ie兼容内核<meta name="renderer" content="ie-comp&quo

深入分析css中单位px和em,rem的区别

发布于 2017/04/29·分类：css

PX特点IE无法调整那些使用px作为单位的字体大小;EM特点em的值并不是固定的;em会继承父级元素的字体大小。比如父元素设置了1.2em,子元素也设置了1.2em 那么事实上子元素设置的是1.2*1.2 emrem特点rem是CSS3新增的一个相对单位(root em，根em)。这个单位与em有什

让浏览器兼容placeholder

发布于 2017/04/29·分类：html

什么是placeholderplaceholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。placeholder兼容性解决$(function(){ if(!placeholderSupport()){ // 判断浏览器

jQuery 省市三级联动

发布于 2017/04/29·分类：javascript

express实践

发布于 2017/04/29·分类：nodejs

Node.js 7.0发布之前，写一篇关于express的文章项目创建使用express-generator使用npm install express-generator -g代码修改自动重启使用nodemonnodemon ./bin/www全局设置//加载配置项global.Config = r