dianni7443-CSDN博客

转载 JS兼容各个浏览器的本地图片上传即时预览效果

很早以前在杭州银行工作曾经碰到这么一个需求，当时也是纠结了很久，也是google了很久，没有碰到合适的demo，今天特意研究了下这方面的的问题，所以也就做了个简单的demo来实现本地上传图片即时预览效果。其在标准浏览器(firefox,chrome，IE10等其他浏览器)用了HTML5中的内容实现图片即时预览效果。在IE10以下浏览器用了滤镜来解决图片显示问题。在看代码之前，先让我们...

2017-04-18 15:17:00 96

转载 html5 localStorage(本地存储)

原文地址：http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/html5-localstorage/html5提供两种新的客户端存储数据的方法：localStorage和sessionStorage。localStorage方法是长期保存，存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。而sessio...

2017-04-01 12:49:00 94

转载 javascript实现获取指定精度的上传文件的大小简单实例

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>获得文件大小</title> 6 </head> 7 <body> 8 <form type="tes...

2017-03-22 09:07:00 79

转载本地分页（适合数据一次加载类型）

现在普遍的做法是通过ajax传递页数返回页面数据等信息，不过我无聊，就做了一个自己控制的分页；因为无聊所以不多说了，直接上代码js： 1 //分页控制（传递页数） 2 function ListPage(index) { 3 var list = []; 4 var num = parseInt(index); 5 6 var first...

2017-03-14 16:58:00 115

转载 JS中的forEach、$.each、map方法

forEach是ECMA5中Array新方法中最基本的一个，就是遍历，循环。例如下面这个例子：[1, 2 ,3, 4].forEach(alert);等同于下面这个for循环1 var array = [1, 2, 3, 4];2 for (var k = 0, length = array.length; k < length; k++) {3 aler...

2017-03-10 11:59:00 74

转载 javascript中new关键字详解

和其他高级语言一样 javascript 中也有 new 运算符，我们知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。但在 javascript 中，万物皆对象，为什么还要通过 new 来产生对象？本文将带你一起来探索 javascript 中 new 的奥秘...一、认识new运算符：function Animal(name){ ...

2017-03-10 10:52:00 77

转载获取上传图片路径方法(新旧方法)

旧方法//获取上传图片路径1function fileComment(obj) { /*获取input=file图片路径*/ var objUrl = getObjectURL(obj.files[0]); if (objUrl) { return objUrl; }}//获取上传图片路径2function...

2017-03-09 16:48:00 368

转载清除浮动

不清除浮动的一个常见危害是高度塌陷。关于高度，下面说这么几种情况：如果父元素已经规定了度，不会高度塌陷，但可能会溢出（如果子元素总高度超过父元素的话）如果父元素没有规定高度：2.1 如果所有子元素都浮动，父元素没有高度，这时候给父元素设置边框的话，就会发现边框保不住子元素2.2 如果存在没有浮动的子元素，父元素高度取决于没有浮动的子元素，所以如果浮动子元素更高的话，还是会塌陷...

2017-03-09 10:13:00 75

转载 AJAX(包括跨域)post请求封装

function ajaxPost(dataUrl, parameter, callback, bef_callback, com_callback, err_callback) { $.ajax({ url: dataUrl, dataType: 'json', data: parameter, ty...

2017-03-09 09:50:00 55

转载判断微信浏览器

//判断是否是微信浏览器function is_weixin() {var ua = navigator.userAgent.toLowerCase();if (ua.match(/MicroMessenger/i) == "micromessenger") {return 1; //是} else {return 2; //否}}　　...

2017-03-08 10:08:00 71

转载 cookie中文转码

//cookie中文转码var GB2312UnicodeConverter = { //转码ToUnicode: function(str) { //中文转unicodereturn escape(str).toLocaleLowerCase().replace(/%u/gi, '\\u');},ToGB2312: function(str) { //unico...

2017-03-08 10:07:00 229

转载 javaScript随机数

// 随机数var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];function generateMixed(n)...

2017-03-08 10:06:00 77

转载 alert样式优化

//alert样式优化 function alert(msg, mode) { //mode为空，即只有一个确认按钮，mode为1时有确认和取消两个按钮 msg = msg || ''; mode = mode || 0; var top = document.body.scrollTop || documen...

2017-03-08 10:05:00 109

转载 http经典解析

HTTP访问流程想象用浏览器打开imooc.com网站，HTTP走过的环节：1.首先,是对imooc.com域名解析，(1.1)浏览器搜索浏览器自身的DNS缓存。(1.2)如果浏览器没有找到自身的DNS缓存或之前的缓存已失效，那么浏览器会搜索操作系统自身的DNS缓存。(1.3)如果操作系统的DNS缓存也没有找到，那么系统会尝试在本地的HOST文件去找。(1.4)如...

2017-03-06 14:35:00 82

转载 js实现canvas保存图片为png格式并下载到本地

canvas 保存图片下载到本地function base64Img2Blob(code){ var parts = code.split(';base64,'); var contentType = parts[0].split(':')[1]; var r...

2017-03-04 16:36:00 556

转载你所不知的 CSS ::before 和 ::after 伪元素用法

CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了Creative Link Effects这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。Creative Button Styles...

2017-03-03 09:49:00 100

转载 js自动下载

常用方法是利用a标签的属性download下载对应文件、图片等<a href=".." download="...."></a>但是如果想在页面加载完后即时下载可以用一下方法function download(){ var a=document.createElement("a"); a.href=""; a.d...

2017-03-02 18:10:00 83

转载 CSS 实现隐藏滚动条同时又可以滚动

移动端页面为了更接近原生的体验，是否可以隐藏滚动条，同时又保证页面可以滚动？使用overflow:hidden隐藏滚动条，但存在的问题是：页面或元素失去了滚动的特性。由于只需要兼容移动浏览器（Chrome 和 Safari），于是想到了自定义滚动条的伪对象选择器::-webkit-scrollbar。应用如下 CSS 可以隐藏滚动条：.element::-webki...

2017-03-02 17:48:00 1927

转载 checkbox与文字对齐

checkbox和后面的文字如果不加样式，会导致checkbox和文字对齐，解决办法是对checkbox和文字同时添加如下样式：vertical-align:middle; 转载于:https://www.cnblogs.com/AaronNotes/p/6485282.html...

2017-03-01 17:22:00 111

转载利用html2canvas截图，得到base64上传ajax

2017-03-01 14:04:00 398

转载 checkbox判断选中

var $checkbox=document.getElementById('checkbox');if(!$checkbox.checked){ console.log("true");}转载于:https://www.cnblogs.com/AaronNotes/p/6480253.html

2017-02-28 18:31:00 40

转载网页存储倒计时与解决网页cookie保存多个相同key问题

短信倒计时多用网页临时存储，这可以保证网页在关闭状态也可记时。 1 <p class="test_button" id="getcode">获取验证码</p> 2 3 <script type="text/javascript"> 4 //加载页面访问cookie，防止关闭网页 5 var t=getCookie("codeT...

2017-02-28 16:38:00 191

dianni7443的博客