2016年11月29日
CSS3 动画触发事件
摘要： CSS动画有以下三个事件。 animationstart事件：动画开始时触发。 animationend事件：动画结束时触发。 animationiteration事件：开始新一轮动画循环时触发。如果animation-iteration-count属性等于1，该事件不触发，即只播放一轮的CSS动画 阅读全文
posted @ 2016-11-29 11:29 没离开过 阅读(12108) 评论(0) 推荐(0) 编辑
JavaScript 获取CSS媒体查询信息
摘要： window.matchMedia方法返回的MediaQueryList对象有两个方法，用来监听事件：addListener方法和removeListener方法。如果mediaQuery查询结果发生变化，就调用指定的回调函数。 原文链接：http://javascript.ruanyifeng.c 阅读全文
posted @ 2016-11-29 10:30 没离开过 阅读(3115) 评论(0) 推荐(0) 编辑
2016年11月25日
拖拉事件
摘要： dragover事件：拖拉到当前节点上方时，在当前节点上持续触发，该事件的target属性是当前节点。该事件与dragenter事件基本类似，默认会重置当前的拖拉事件的效果（DataTransfer对象的dropEffect属性）为none，即不允许放下被拖拉的节点，所以如果允许在当前节点drop数 阅读全文
posted @ 2016-11-25 17:29 没离开过 阅读(195) 评论(0) 推荐(0) 编辑
2016年11月24日
JavaScript 中的正常任务与微任务
摘要： 正常情况下，JavaScript的任务是同步执行的，即执行完前一个任务，然后执行后一个任务。只有遇到异步任务的情况下，执行顺序才会改变。 这时，需要区分两种任务：正常任务（task）与微任务（microtask）。它们的区别在于，“正常任务”在下一轮Event Loop执行，“微任务”在本轮Even 阅读全文
posted @ 2016-11-24 10:38 没离开过 阅读(2321) 评论(0) 推荐(0) 编辑
2016年11月23日
IOS　采用https 协议访问接口
摘要： 申请好证书后，发现ios 仍无法使用https协议访问到数据，发现ios 需要ssl 支持 TLS1.2 。 更改nginx 配置： 重启nginx 发现就可以访问了。 注意nginx 版本需要1.1.13以上，openssl 需要1.0.1以上 参考链接：https://my.oschina.ne 阅读全文
posted @ 2016-11-23 11:37 没离开过 阅读(1158) 评论(0) 推荐(0) 编辑
2016年11月22日
将类数组 转化为数组
摘要： 1.slice方法 2 . 扩展运算符（...） 扩展运算符背后调用的是遍历器接口（Symbol.iterator），如果一个对象没有部署这个接口，就无法转换。 3.Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable） 阅读全文
posted @ 2016-11-22 17:28 没离开过 阅读(205) 评论(0) 推荐(0) 编辑
合并两个数组的方法
摘要： 1 使用push方法 2.concat()方法 阅读全文
posted @ 2016-11-22 17:17 没离开过 阅读(3426) 评论(0) 推荐(0) 编辑
base64转码
摘要： Base64是一种编码方法，可以将任意字符转成可打印字符。使用这种编码方法，主要不是为了加密，而是为了不出现特殊字符，简化程序的处理。 JavaScript原生提供两个Base64相关方法。 btoa()：字符串或二进制值转为Base64编码 atob()：Base64编码转为原来的编码 这两个方法 阅读全文
posted @ 2016-11-22 14:08 没离开过 阅读(1895) 评论(0) 推荐(0) 编辑
2016年11月18日
Promise 异步执行的同步操作
摘要： Promise 是用来执行异步操作的。 但有时一个异步操作需要等其他的异步操作完成，这时候就可以使用then来做。 loadImageAsync 用来异步加载图片. setTimeout 人为地延迟2秒加载 第一种调用方式，分别创建promise 实例 p 和 h。 调用结果： 创建新的promis 阅读全文
posted @ 2016-11-18 10:21 没离开过 阅读(18482) 评论(0) 推荐(0) 编辑
2016年11月16日
proxy set 拦截
摘要： set方法用来拦截某个属性的赋值操作。 假定Person对象有一个age属性，该属性应该是一个不大于200的整数，那么可以使用Proxy保证age的属性值符合要求。 上面代码中，由于设置了存值函数set，任何不符合要求的age属性赋值，都会抛出一个错误。利用set方法，还可以数据绑定，即每当对象发生 阅读全文
posted @ 2016-11-16 14:20 没离开过 阅读(562) 评论(0) 推荐(0) 编辑