06 2018 档案

使用readAsDataURL方法预览图片
摘要:使用FileReader接口的readAsDataURL方法实现图片的预览。 在FileReader出现之前,前端的图片预览是这样实现的:把本地图片上传到服务器,服务器把图片地址返回,并把它替换到图片元素的src属性。 这种方法的缺点是:必须要先把图片上传到服务器。那么问题来了,如果上传的图片很大, 阅读全文

posted @ 2018-06-27 18:29 ranyonsue 阅读(2320) 评论(0) 推荐(0) 编辑

Grid布局指南
摘要:简介 CSS网格布局(又称“网格”),是一种二维网格布局系统。CSS在处理网页布局方面一直做的不是很好。一开始我们用的是table(表格)布局,然后用float(浮动),position(定位)和inline-block(行内块)布局,但是这些方法本质上是hack,遗漏了很多功能,例如垂直居中。后来 阅读全文

posted @ 2018-06-25 14:49 ranyonsue 阅读(5324) 评论(0) 推荐(0) 编辑

js中arguments详解
摘要:在js中一切都是对象,连函数也是对象,函数名其实是引用函数定义对象的变量。 什么是arguments? 这个函数体内的arguments非常特殊,实际上是所在函数的一个内置类数组对象,可以用数组的[i]和.length。 每个函数都有一个arguments属性,表示函数的实参集合,这里的实参是重点, 阅读全文

posted @ 2018-06-21 13:37 ranyonsue 阅读(1559) 评论(0) 推荐(0) 编辑

BFC原理剖析
摘要:本文讲了BFC的概念是什么; BFC的约束规则;咋样才能触发生成新的BFC;BFC在布局中的应用:防止margin重叠(塌陷,以最大的为准); 清除内部浮动;自适应两(多)栏布局。 1. BFC是什么? Block fomatting context = block-level box + Form 阅读全文

posted @ 2018-06-20 17:35 ranyonsue 阅读(9946) 评论(2) 推荐(3) 编辑

JS函数防抖与函数节流
摘要:概念 函数防抖(debounce) 当调用动作过n毫秒后,才会执行该动作,若在这n毫秒内又调用此动作则将重新计算执行时间 函数节流(throttle) 预先设定一个执行周期,当调用动作的时刻大于等于执行周期则执行该动作,然后进入下一个新周期 函数节流(throttle)与 函数防抖(debounce 阅读全文

posted @ 2018-06-20 09:50 ranyonsue 阅读(757) 评论(0) 推荐(0) 编辑

AJAX问题 XMLHttpRequest.status = 0是什么含义
摘要:在调用AJAX的时候遇到了XMLHttpRequest. status为0 的情况,http协议里可是没这个状态码的,众所周知,XMLHttpRequest. Status为HTTP请求状态码,一般为1xx-5xx,这个0是什么含义,让我觉得很好奇。 XMLHttpRequest 对象的三有个重要 阅读全文

posted @ 2018-06-15 16:12 ranyonsue 阅读(22032) 评论(4) 推荐(0) 编辑

通过JS如何获取IP地址
摘要:通过JS获取你真实的外网IP和内网IP,就算开代理也没有用,想想真是太可怕了,还能不能愉快的装逼了! 代码: //get the IP addresses associated with an account function getIPs(callback){ var ip_dups = {}; 阅读全文

posted @ 2018-06-12 17:19 ranyonsue 阅读(25363) 评论(0) 推荐(0) 编辑

关于URL编码
摘要:一、问题的由来 URL就是网址,只要上网,就一定会用到。 一般来说,URL只能使用英文字母、阿拉伯数字和某些标点符号,不能使用其他文字和符号。比如,世界上有英文字母的网址"http://www.abc.com",但是没有希腊字母的网址"http://www.aβγ.com"(读作阿尔法-贝塔-伽玛. 阅读全文

posted @ 2018-06-06 17:32 ranyonsue 阅读(420) 评论(0) 推荐(0) 编辑

导航