Web前端
okfine17
Email:char888888@163.com
我笨我先飞!
展开
-
浏览器的本地存储方法
浏览器本地存储是一种在浏览器中长久保存数据的方法,可以说为本地数据持久化,在我们刷新页面,或者同域名内页面跳转之后仍然可以将数据保留,对于服务器来说存储的压力小了,对用户来说,会感觉相应速度变快了,提升用户体验。 1、cookie cookie是我们最熟知的了,但是cookie 能存储的数据有限,如IE8,Firefox,opera每个域可以保存的50个cookie,Safari/WebKit没原创 2016-05-23 00:05:07 · 4279 阅读 · 0 评论 -
div中的img标签多余空白bug解决方案
上传图片之前: 上图之前之后: 原图是这样的: 发现区别了吧,这里用到了css3的object-fit属性(保持原有尺寸比例。保证替换内容尺寸一定大于容器尺寸,宽度和高度至少有一个和容器一致。因此,此参数可能会让替换内容(如图片)部分区域不可见。) 呃,其实我想说的重点是div中的img标签多余空白bug解决方案。 在做项目的时候,遇到这样的问题: 呵嘿,上面有个白条对吧原创 2016-07-21 10:20:33 · 3086 阅读 · 0 评论 -
向剪切板复制文本的js库——clipboard.js
首先,加载clipboard.js文件(我上网找的一个cdn):<script src="https://cdn.rawgit.com/zenorocha/clipboard.js/master/dist/clipboard.min.js"></script>其次,html代码:<input type="text" value="http://suo.im/8p5iq" id="onlineImgU原创 2016-08-11 15:55:20 · 7913 阅读 · 1 评论 -
js事件 封装方法(添加事件、删除事件、阻止冒泡、阻止默认行为)
var eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false);原创 2016-09-17 23:13:25 · 1520 阅读 · 0 评论 -
浏览器缓存 200 304 Cache-Control Expires Last-Modified 和 ETag
http://www.renfei.org/blog/http-caching.html 写的真好 ! 200 304 Cache-Control Expires Last-Modified 和 ETag转载 2016-08-19 17:51:59 · 872 阅读 · 0 评论 -
transform属性不能同时写scale和rotate,怎么办??
<div class="outScale"> <div class="innerRotate"> <img src="" alt="暂无图片"/> </div></div>当一个图片既要实现旋转需求,又要实现放大需求,但是transform属性不能同时写scale和rotate,这怎么办 解决方案是: 在图片外套两层div。 advice:外层的s原创 2017-09-27 17:31:41 · 8122 阅读 · 1 评论 -
js对数组中的对象去重
var hash = {};this.gcpcardList = this.gcpcardList.reduce(function(item, next) { hash[next.gcpFeedId] ? '' : hash[next.gcpFeedId] = true && item.push(next); ret...原创 2018-05-29 17:42:58 · 499 阅读 · 0 评论 -
js异步编程
js异步编程一、概念-什么是异步编程callback async/await promise generator说说js是单线程的为什么是单线程JavaScript单线程,在同一个时间内只能做一件事。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个...原创 2018-08-20 16:44:56 · 362 阅读 · 0 评论