04 2020 档案

iphoneX底部黑条问题解决，使用css @supports
摘要：第一步：设置网页在可视窗口的布局方式 新增 viweport-fit 属性，使得页面内容完全覆盖整个窗口： 1 <meta name="viewport" content="width=device-width, viewport-fit=cover"> 第二步：页面主体内容限定在安全区域内env( 阅读全文
posted @ 2020-04-30 17:04 男孩亮亮 阅读(1707) 评论(0) 推荐(0)
css filter使用，filter牛皮
摘要：css filter：过滤器 img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ //所有图片灰度100% filter: grayscale(100%); //所有图片灰度100% } img:hover{-webk 阅读全文
posted @ 2020-04-29 15:29 男孩亮亮 阅读(317) 评论(0) 推荐(0)
加载后台返回的html字符串
摘要：// 如果document.write()在DOMContentLoaded或load事件的回调函数中，当文档加载完成，则会先清空文档（自动调用document.open()），再把参数写入body内容的开头 window.onload = function () { $.ajax({ url:'* 阅读全文
posted @ 2020-04-27 13:00 男孩亮亮 阅读(1229) 评论(0) 推荐(0)
JS深拷贝和浅拷贝的实现
摘要：一、JS的基本数据类型 基本数据类型：String，Boolean，Number，Undefined，Null； 引用数据类型：Object(Array，Date，RegExp，Function)； 基本数据类型和引用数据类型的区别： 1、保存位置不同：基本数据类型保存在栈内存中，引用数据类型保存在 阅读全文
posted @ 2020-04-27 11:41 男孩亮亮 阅读(691) 评论(0) 推荐(0)
js 进行md5加密
摘要：JQmd5.js 下载：JQmd5.js md5.js 下载：md5.js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width 阅读全文
posted @ 2020-04-22 09:55 男孩亮亮 阅读(1228) 评论(0) 推荐(0)
微信签名 sha1 加密
摘要：JS 使用 SHA1 加密的示例 下载：sha1.js前言： 在前端向后端进行接口数据请求时，考虑到数据安全问题，所以会使用一些加密方式，虽然对大佬来说小菜一碟，但对绝大多数人来说还是很有用的，本篇介绍的一种加密方式 是 SHA1 （安全哈希算法） SHA1 加密示例 sha1.js 文件代码： f 阅读全文
posted @ 2020-04-22 09:25 男孩亮亮 阅读(1121) 评论(0) 推荐(0)
通过微信api上传图片wx.chooseImage
摘要：在html页面 （1）引入JS文件 <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script> <input id="uploaderInput" class="weui-u 阅读全文
posted @ 2020-04-22 09:22 男孩亮亮 阅读(5145) 评论(0) 推荐(0)
h5上传图片剪辑并上传，使用cropper.js进行剪切
摘要：下面图片案例文件下载地址：https://files.cnblogs.com/files/liangziaha/photoCut.zip github地址：cropper.js github案例：cropper.js 下载文件之后你就知道怎么使用了 效果图 阅读全文
posted @ 2020-04-20 11:52 男孩亮亮 阅读(847) 评论(0) 推荐(0)
h5 input调起摄像头、摄像机、录音机
摘要：capture（调用设备媒体）： capture 属性：在webapp上使用 input 的 file 属性，指定 capture 属性可以调用系统默认相机、摄像和录音功能。 capture表示，可以捕获到系统默认设备的媒体信息，如下： capture="camera" 相机 capture="ca 阅读全文
posted @ 2020-04-20 11:43 男孩亮亮 阅读(1363) 评论(0) 推荐(0)
jq使用fromDate上传图片
摘要：<input type="file" accept="image/png,image/gif" id="upImg" onchange="updateImg(event,'upImg')"> function updateImg(event, id) { var formData = new For 阅读全文
posted @ 2020-04-20 10:02 男孩亮亮 阅读(371) 评论(0) 推荐(0)
微信浏览器调用微信支付
摘要：引入微信api： <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> // 微信支付 oldPeople(res) { let this_ = this; WeixinJSBridge.invoke( "get 阅读全文
posted @ 2020-04-14 13:22 男孩亮亮 阅读(1105) 评论(0) 推荐(0)
css 溢出省略号展示
摘要：overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; 多行（当前是两行）： overflow:hidden; display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。 阅读全文
posted @ 2020-04-14 13:16 男孩亮亮 阅读(307) 评论(0) 推荐(0)
js前端解决跨域问题的8种方案（最新最全）
摘要：原文链接：http://blog.csdn.net/joyhen/article/details/21631833 1.同源策略如下： URL说明是否允许通信 http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下 允许 http://www.a.com/l 阅读全文
posted @ 2020-04-14 11:59 男孩亮亮 阅读(1059) 评论(0) 推荐(0)
后台返回完整的HTML页面代码，如何打开展示
摘要：后台返回的html代码片段，需要插入html标签中，而返回的整个html文档，则需要重写整个页面。 解决方法： 1.需要一个中转页面，用document.write()方法重写整个页面； // POST任意内容并跳转 function StandardPost(html) { localStorag 阅读全文
posted @ 2020-04-07 17:40 男孩亮亮 阅读(4125) 评论(0) 推荐(0)