11 2016 档案

AJAX上传文件
摘要：test.php 中使用$_FILES 来获取文件信息 原文链接:http://javascript.ruanyifeng.com/bom/ajax.html#toc21 阅读全文
posted @ 2016-11-30 14:05 没离开过 阅读(150) 评论(0) 推荐(0)
使用MutationObserver对象封装一个监听DOM生成的函数
摘要：当任何元素生成都会触发回调函数check 阅读全文
posted @ 2016-11-29 13:50 没离开过 阅读(666) 评论(0) 推荐(0)
CSS3 动画触发事件
摘要：CSS动画有以下三个事件。 animationstart事件：动画开始时触发。 animationend事件：动画结束时触发。 animationiteration事件：开始新一轮动画循环时触发。如果animation-iteration-count属性等于1，该事件不触发，即只播放一轮的CSS动画 阅读全文
posted @ 2016-11-29 11:29 没离开过 阅读(12171) 评论(0) 推荐(0)
JavaScript 获取CSS媒体查询信息
摘要：window.matchMedia方法返回的MediaQueryList对象有两个方法，用来监听事件：addListener方法和removeListener方法。如果mediaQuery查询结果发生变化，就调用指定的回调函数。 原文链接：http://javascript.ruanyifeng.c 阅读全文
posted @ 2016-11-29 10:30 没离开过 阅读(3167) 评论(0) 推荐(0)
拖拉事件
摘要：dragover事件：拖拉到当前节点上方时，在当前节点上持续触发，该事件的target属性是当前节点。该事件与dragenter事件基本类似，默认会重置当前的拖拉事件的效果（DataTransfer对象的dropEffect属性）为none，即不允许放下被拖拉的节点，所以如果允许在当前节点drop数 阅读全文
posted @ 2016-11-25 17:29 没离开过 阅读(217) 评论(0) 推荐(0)
JavaScript 中的正常任务与微任务
摘要：正常情况下，JavaScript的任务是同步执行的，即执行完前一个任务，然后执行后一个任务。只有遇到异步任务的情况下，执行顺序才会改变。 这时，需要区分两种任务：正常任务（task）与微任务（microtask）。它们的区别在于，“正常任务”在下一轮Event Loop执行，“微任务”在本轮Even 阅读全文
posted @ 2016-11-24 10:38 没离开过 阅读(2383) 评论(0) 推荐(0)
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 没离开过 阅读(1194) 评论(0) 推荐(0)
将类数组 转化为数组
摘要：1.slice方法 2 . 扩展运算符（...） 扩展运算符背后调用的是遍历器接口（Symbol.iterator），如果一个对象没有部署这个接口，就无法转换。 3.Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable） 阅读全文
posted @ 2016-11-22 17:28 没离开过 阅读(223) 评论(0) 推荐(0)
合并两个数组的方法
摘要：1 使用push方法 2.concat()方法 阅读全文
posted @ 2016-11-22 17:17 没离开过 阅读(3444) 评论(0) 推荐(0)
base64转码
摘要：Base64是一种编码方法，可以将任意字符转成可打印字符。使用这种编码方法，主要不是为了加密，而是为了不出现特殊字符，简化程序的处理。 JavaScript原生提供两个Base64相关方法。 btoa()：字符串或二进制值转为Base64编码 atob()：Base64编码转为原来的编码 这两个方法 阅读全文
posted @ 2016-11-22 14:08 没离开过 阅读(2024) 评论(0) 推荐(0)
Promise 异步执行的同步操作
摘要：Promise 是用来执行异步操作的。 但有时一个异步操作需要等其他的异步操作完成，这时候就可以使用then来做。 loadImageAsync 用来异步加载图片. setTimeout 人为地延迟2秒加载 第一种调用方式，分别创建promise 实例 p 和 h。 调用结果： 创建新的promis 阅读全文
posted @ 2016-11-18 10:21 没离开过 阅读(18583) 评论(0) 推荐(0)
proxy set 拦截
摘要：set方法用来拦截某个属性的赋值操作。 假定Person对象有一个age属性，该属性应该是一个不大于200的整数，那么可以使用Proxy保证age的属性值符合要求。 上面代码中，由于设置了存值函数set，任何不符合要求的age属性赋值，都会抛出一个错误。利用set方法，还可以数据绑定，即每当对象发生 阅读全文
posted @ 2016-11-16 14:20 没离开过 阅读(629) 评论(0) 推荐(0)
proxy 利用get拦截，实现一个生成各种DOM节点的通用函数dom。
摘要：const dom = new Proxy({}, { get(target, property) { return function(attrs = {}, ...children) { const el = document.createElement(property); for... 阅读全文
posted @ 2016-11-16 14:09 没离开过 阅读(470) 评论(0) 推荐(0)
javascript 将递归转化为循环
摘要：上面代码中，tco函数是尾递归优化的实现，它的奥妙就在于状态变量active。默认情况下，这个变量是不激活的。一旦进入尾递归优化的过程，这个变量就激活了。然后，每一轮递归sum返回的都是undefined，所以就避免了递归执行；而accumulated数组存放每一轮sum执行的参数，总是有值的，这就 阅读全文
posted @ 2016-11-14 21:50 没离开过 阅读(574) 评论(0) 推荐(0)
创建数据库，并设置外部访问权限
摘要：CREATE DATABASE `test2` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci; 1，设置访问单个数据库权限 mysql>grant all privileges on test.* to 'root'@'%'; 说明：设置用户名 阅读全文
posted @ 2016-11-11 10:58 没离开过 阅读(755) 评论(0) 推荐(0)
Javascript 解构的用处
摘要：对象的解构赋值，可以很方便地将现有对象的方法，赋值到某个变量。 上面代码将Math对象的对数、正弦、余弦三个方法，赋值到对应的变量上，使用起来就会方便很多。 由于数组本质是特殊的对象，因此可以对数组进行对象属性的解构。 上面代码对数组进行对象解构。数组arr的0键对应的值是1，[arr.length 阅读全文
posted @ 2016-11-10 13:57 没离开过 阅读(3296) 评论(0) 推荐(0)
Javascript 中的变量
摘要：变量提升,使用var 时，例子中的b 会被提升，但值仍未undefined 。 使用let 可以避免提示，打印 y 时将报错。 注意上面的自调用函数中，myvar 是指local 域中，它覆盖了global域中的myvar =“my value"; 所以myvar 被提示，值为undefined。 阅读全文
posted @ 2016-11-09 16:23 没离开过 阅读(165) 评论(0) 推荐(0)
nginx 采用https 协议通信配置
摘要：在网络通信中，使用抓包软件可以对网络请求进行分析，并进行重放攻击，重放攻击的解决方案一般是使用一个变化的参数，例如RSA加密的时间戳，但考虑到网络传输时延，时间戳需要有一定的误差容限，这样仍然不能从根本上防止重放攻击。想要较好的解决重放攻击问题，应考虑使用HTTPS通信，HTTPS协议是由SSL+H 阅读全文
posted @ 2016-11-03 15:58 没离开过 阅读(1449) 评论(0) 推荐(0)