var

es5中数组的迭代方法 forEach,map,filter,some,every

北城余情 提交于 2020-03-22 18:22:37
1.forEach()map()方法 遍历数组 var array = [11,85,69,32,55,66] array.forEach((value,index)=> { console.log(value,index) }); map()和forEach相似,都是遍历 ,不会改变原数组,不会对空数组进行检测 var array = [11,85,69,32,55,66] var newArr=array.map((value)=> { return value*2 }); console.log(newArr) 2.filter过滤器 筛选出需要的数组元素 (所有的) var arr= [11,85,69,32,55,66] var newArr = arr.filter((value)=>{ return value % 2 ===0 }) console.log(newArr) 3.some() map()查找数组中有没有满足条件的数组 返回的是一个布尔值,只要找到第一个满足的元素存在即停止 var arr= [11,85,69,32,55,66] var newArr =arr.some((value)=>{ return value>20 }) console.log(newArr); 只要找到第一个满足的元素存在即停止 (第一个满足的) var colors = [

vue 阿里云发送短信Api

主宰稳场 提交于 2020-03-22 16:54:12
const Core = require("@alicloud/pop-core"); var client = new Core({ accessKeyId: "xxxxxx", accessKeySecret: "xxxxxxx", endpoint: "https://dysmsapi.aliyuncs.com", apiVersion: "2017-05-25" }); var params = { RegionId: "cn-hangzhou", PhoneNumbers: mobile, SignName: "十面埋伏", // 签名名称 公司名 TemplateCode: "xxxxx", // --短信模板id TemplateParam: "{'code':'aaaaa'}" }; var requestOption = { method: "POST" }; await client.request("SendSms", params, requestOption).then( result => { if (result.Code == "OK") { this.info.result = true; this.info.msg = "发送成功"; } //this.ctx.body = JSON.stringify(result); // console

shell默认变量值

烂漫一生 提交于 2020-03-22 16:01:51
shell默认变量 ${var:-string}/${var:=string} A=${var:-string} B=${var:=string} A和B变量中的var变量如果为空,则用string来替换var变量,否则变量var不为空,则用var来代替string,不同的是当变量var为空的时候,不但用string替换${var:-string}/${var:=string},也会把string赋值给变量 var ${var:-string}和${var:=string}效果是一样的 下面看个案例 $ vim t1.sh var1=123 #var2=456 A=${var1:-string} B=${var2:=string} echo ${A} ${B} ${var2} $ sh t1.sh 123 string string ${var:+string} A=${var:+string} 替换规则和上面的相反,只有当var不是空的时候才替换成string,若var为空时则不替换或者说是替换成变量var的值,即空值。(因为变量var此时为空,所以这两种说法是等价的) 来源: https://www.cnblogs.com/jasonminghao/p/12546149.html

图片采用base64压缩,可以以字符串的形式传送base64给服务端转存为图片

杀马特。学长 韩版系。学妹 提交于 2020-03-22 15:52:09
(function () { var coverImage = document.querySelector('<div id="coverImage">file</div>'); //图片压缩 coverImage.onchange = function () { lrz(this.files[0], {width: 640}, function (results) { // 你需要的数据都在这里,可以以字符串的形式传送base64给服务端转存为图片。 var base64 = results.base64; function base64UrlToBlob(base64){ var bytes=window.atob(base64.split(',')[1]); //去掉url的头,并转换为byte //处理异常,将ascii码小于0的转换为大于0 var ab = new ArrayBuffer(bytes.length); var ia = new Uint8Array(ab); for (var i = 0; i < bytes.length; i++) { ia[i] = bytes.charCodeAt(i); } return new Blob( [ab] , {type : 'image/jpg'}); //return Blob对象 } var formData

图片转化成base64编码

我们两清 提交于 2020-03-22 15:42:45
var img = "imgurl";//imgurl 就是你的图片路径 function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0, img.width, img.height); var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase(); var dataURL = canvas.toDataURL("image/"+ext,0-1);(0-1    表示图片的质量) return dataURL; } var image = new Image(); image.src = img; image.onload = function(){ var base64 = getBase64Image(image); console.log(base64); } 来源: https://www.cnblogs.com/ypwei/p/9952003.html

vue项目自适应屏幕和浏览器

一世执手 提交于 2020-03-22 12:48:26
1.安装依赖 npm i lib-flexible -S npm i px2rem-loader -D 2.在src文件夹下新建utils文件夹,在utils文件夹下新建flexible.js,其代码如下 (function() { // flexible.css var cssText = '' + '@charset "utf-8";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}body,html{font-family:"Microsoft YaHei",sans-serif,Tahoma,Arial}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr

纯JS实现轮播图特效——详解

爱⌒轻易说出口 提交于 2020-03-22 12:45:41
<div id="slider"> <div id="sliderImgs"> <img src="img/mi04.jpg" width="1000px"/> <img src="img/mi01.jpg" width="1000px" title="oneImg"/> <img src="img/mi02.jpg" width="1000px" title="twoImg"/> <img src="img/mi03.jpg" width="1000px" title="threeImg"/> <img src="img/mi04.jpg" width="1000px" title="fourImg"/> <img src="img/mi01.jpg" width="1000px"/> <!--因为要做无缝滚动,所以要克隆第一张和最后一张,放到最后一张后面和最前面--> </div> <div id="buttons"> <ul> <li class="active"></li> <li></li> <li></li> <li></li> </ul> </div> <div> <span id="prev"><</span> <span id="next">></span> </div> </div> CSS部分 <style type="text/css"> *{ margin

极简单JS轮播图特效

别来无恙 提交于 2020-03-22 12:41:27
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>轮播图</title> 6 <style> 7 * { 8 margin: 0; 9 padding: 0; 10 } 11 12 .banner { 13 width: 100%; 14 height: 450px; 15 background: #999; 16 position: relative; 17 } 18 19 .cont { 20 width: 100%; 21 height: 100%; 22 line-height: 450px; 23 text-align: center; 24 display: none; 25 color: #f00; 26 } 27 28 .tip { 29 width: 120px; 30 bottom: 50px; 31 left: 50%; 32 margin-left: -60px; 33 position: absolute; 34 } 35 36 .tip ul { 37 width: 120px; 38 margin: 0 auto; 39 text-align: center; 40 } 41 42 .tip ul li { 43 margin: 0; 44

在可编辑div的光标下插入html

混江龙づ霸主 提交于 2020-03-22 12:35:15
function pasteHtmlAtCaret(html, selectPastedContent) {//参数1为要插入的html //参数2为boolean 是否选中插入的html 默认为false var sel, range; if (window.getSelection) { // IE9 and non-IE sel = window.getSelection(); if (sel.getRangeAt && sel.rangeCount) { range = sel.getRangeAt(0); range.deleteContents(); // Range.createContextualFragment() would be useful here but is // only relatively recently standardized and is not supported in // some browsers (IE9, for one) var el = document.createElement("div"); el.innerHTML = html; var frag = document.createDocumentFragment(), node, lastNode; while ( (node = el.firstChild)

在光标选择处插入指定文字

狂风中的少年 提交于 2020-03-22 12:32:53
在IE和FF下,对于文本域或文本框有效。 在IE下,对容器和文本域或文本框均有效。 1 var obj = document.getElementById('content'); 2 (function Insert(obj,str) 3 { 4 //IE下支持document.selection 5 if (document.selection) 6 { 7 obj.focus(); 8 sel = document.selection.createRange(); 9 sel.text = str;10 sel.select();11 }12 //MOZILLA/NETSCAPE 支持对象的selectionStart和selectionEnd;13 else if (obj.selectionStart || obj.selectionStart == '0')14 {15 var startPos = obj.selectionStart;16 var endPos = obj.selectionEnd;17 // save scrollTop before insert18 var restoreTop = obj.scrollTop;19 obj.value = obj.value.substring(0, startPos) + str + obj.value