js原生
伪成年_young
博客笔记,记录开发中所想所得......
展开
-
Map()、Set()
如果使用对象作为映射的键,这个对象后来被丢弃(所有的引用解除),试图让垃圾回收回收其内存,那么map本身仍然会保持其项目,也就是仍然引用其项目。WeakMap是map的变体,二者的多数外部行为特征是一样的,区别在于内部内存分配(垃圾回收)的工作方式。WeakMap只接受对象作为建,这点与Map不同,Map既可以使用对象,也可以使用简单类型作为键。WeakMap没有clear()、size方法/属性,也不会暴露任何键、值或项目上的迭代器。WeakSet的值必须是对象,而并不像Set一样可以是原生类型值。原创 2023-03-28 11:02:32 · 167 阅读 · 0 评论 -
centrifuge-js前端基本使用方法
github地址npm install centrifugeimport {centrifueToken} from '@/api/power.js'//获取token的接口var Centrifuge = require ( "centrifuge" ) ;const centrifuge = new Centrifuge("连接地址url",{ onRefresh: function(ctx, cb) { centrifueToken().then(resp=&原创 2022-03-24 16:40:39 · 1380 阅读 · 0 评论 -
每次都记不清的JS循环(map、forEach、for in、for of)
1、map()(数组方法)特点:(1)、map不改变原数组但是会返回新数组(2)、可以使用break中断循环,可以使用return返回到外层函数let newarr = arr.map(e=>{ return i+=1})//arr:[1,2,3]//newarr:[2,3,4]2、forEach()(数组方法)特点:(1)、遍历简洁,不用集合下标,减少出错(2)、无返回值(3)、不能使用break中断循环,不能使用return返回到外层函数let newarr =arr原创 2021-08-11 14:11:31 · 282 阅读 · 0 评论 -
textarea文本框高度根据内容适配高度
<textarea id="textareaDom" name="" cols="20" rows="1" placeholder="请输入"></textarea>let textareaDom = document.getElementId('textareaDom')let textareaHeight //textarea的高度if(textareaDom){ textareaHeight = textareaDom.style.height textareaDo原创 2021-07-22 14:19:21 · 241 阅读 · 0 评论 -
#转#textarea中光标处插入字段
handleInsert(text){ const textareaDom = document.getElementById('textarea') let textareaVal if(textareaDom.selectionStart || textareaDom.selectionStart===0){ let startFoucs = textareaDom.selectionStart, endFocus = textareaDom.selectionEnd textarea原创 2021-07-14 15:41:26 · 113 阅读 · 0 评论 -
图片压缩(canvas)
let compresImage=''//压缩过的图片let canvas = document.createElement('canvas')let ctx = canvas.getContext('2d)let image = new Image()image.src = imageValue//imageValue是获取的图片image.onload = function(){ canvas.width = image.width canvas.height = image.height原创 2021-07-05 17:29:30 · 127 阅读 · 0 评论 -
js获取当前页面的url
var url;url = window.location.href; /* 获取完整URL */alert(url); /* http://127.0.0.1:8020/Test/index.html#test?name=test */ url = window.location.pathname; /* 获取文件路径(文件地址) */alert(url); /* /Test/index.html */ url = window.location.protocol; /* 获取协议 */a原创 2021-04-21 16:50:09 · 149 阅读 · 0 评论 -
上传图片,并将图片File格式转base64
使用input上传,如果觉得这个按钮不好看,可以将它隐藏在其他button下。<input id="inputDom" type="file" accept=".jpg,.png">accept:可以上传的文件格式。 let inputDom =document.getElementById('inputDom') //图片上传时间 inputDom.onchange =function (imgFile){ let fileData =imgFil原创 2021-04-19 14:27:13 · 408 阅读 · 0 评论 -
AJAX基本使用方法(get,post请求封装)
//1.创建ajax对象if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari xhr=new XMLHttpRequest();}else{ // code for IE6, IE5 xhr=new ActiveXObject("Microsoft.XMLHTTP");}//2.配置ajax对象(type-请求类型post或get,url-请求路径)xhr.open(type, url);原创 2021-02-23 16:16:27 · 231 阅读 · 0 评论 -
点击复制(document.execCommand(“copy“))适配ios和安卓
<button id="click">点击复制链接</button><div id="copyDom"></div>//复制链接copyUrl(){ var inputDom =document.createElement('input'); var copyDom = document.getElementById('copyDom') copyDom.appendChild(inputDom);// 把标签添加给body原创 2020-12-22 16:57:09 · 3715 阅读 · 0 评论