2018年3月26日
css优先级和权重问题
摘要： css等级的定义如下： 阅读全文
posted @ 2018-03-26 10:52 炫冰G爱 阅读(143) 评论(0) 推荐(0)
万能清除浮动方法
摘要： //步骤一：css上定义伪元素： .clearfix:before,.clearfix:after { content: ""; display: block; clear: both; } //步骤二：在父级加入类名"clearfix"即可实现清楚浮动的效果 阅读全文
posted @ 2018-03-26 10:24 炫冰G爱 阅读(3367) 评论(0) 推荐(0)
2018年3月22日
通过blob(用来存储二进制大文件)包装ajax（或axios）请求到的data数据，实现下载EXCEL(或其他如图片等)文件
摘要： //案例一 axios：设置返回数据格式为blob或者arraybuffer 如： var instance = axios.create({ ... //一些配置 responseType: 'blob', //返回数据的格式，可选值为arraybuffer,blob,document,json,text,stream，默认值为json }) ... 阅读全文
posted @ 2018-03-22 10:00 炫冰G爱 阅读(9534) 评论(0) 推荐(1)
2018年3月20日
H5手机端页面适配，rem+高分屏适配（同时解决1px像素问题）
摘要： Document 阅读全文
posted @ 2018-03-20 20:26 炫冰G爱 阅读(3904) 评论(0) 推荐(0)
js文件、图片上传（原生方法和jquery的ajax两种都有）
摘要： <!DOCTYPE html><html> <head> <title>test</title> </head> <body> <input type="file" id="fileUpload"> <button id="submit">点击上传文件</button> <script src="j 阅读全文
posted @ 2018-03-20 13:56 炫冰G爱 阅读(489) 评论(0) 推荐(0)
js压缩图片的方法(手机端，兼容ios和android),返回值为base64的字符串，压缩率ratio可自定义
摘要： 方法的定义： getCompressBase64(img, ratio){//img为通过"document.getElementByTagName('input[type=file]')[0]"拿到的图片blog对象, 压缩率ratio范围为0-1 if(Object.prototype.toSt 阅读全文
posted @ 2018-03-20 10:57 炫冰G爱 阅读(544) 评论(0) 推荐(0)
js通过Image和canvas获取图片的base64格式的字符串（只能接受服务器上的图片，不支持本地图片直接转化为base64，因为js没有系统io的权限，js只能操作dom）
摘要： function getBase64(url){ //通过构造函数来创建的 img 实例，在赋予 src 值后就会立刻下载图片，相比 createElement() 创建 <img> 省去了 append()，也就避免了文档冗余和污染 var Img = new Image(); var dataU 阅读全文
posted @ 2018-03-20 10:31 炫冰G爱 阅读(997) 评论(0) 推荐(0)
js通过fileReader获取图片的base64格式（pc端和手机端都可以，但是要先在页面中创建dom）
摘要： 1 // 创建一个FileReader对象 2 var reader = new FileReader(); 3 4 // 绑定load事件 5 reader.onload = function(e) { 6 console.log(e.target.result); 7 } 8 9 // 读取Fi 阅读全文
posted @ 2018-03-20 09:54 炫冰G爱 阅读(2243) 评论(0) 推荐(0)