JaveScript
记录和查看JaveScript
yaoxinsong
我正在运用自己的思维,以最简单的代码组装强大的功能。之所以做笔记是因为学的东西太多,不怎么用的东西太长时间不用就忘了。
展开
-
js图片压缩dome
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>压缩图片demo</title></head><body> <img id="img" src=""> <input id="file" type="file" onchange="compress()"> <button class=".原创 2020-11-29 12:03:07 · 76 阅读 · 0 评论 -
JavaScript和ES常用语法
...args剩余参数用法function test(...args){ console.log(args); }test(4,2,3); //[4, 2, 3]let a = [3,5,2];原创 2020-11-11 07:33:17 · 414 阅读 · 0 评论 -
遗忘的常用语法或函数
// typeof 检测一个变量的类型let obj = { test: 'ccc', test2: 2}console.log(typeof obj.test); // stringconsole.log(typeof obj.test2); // numberlet a = {}console.log(typeof a); // object原创 2020-11-08 15:57:30 · 191 阅读 · 0 评论 -
利用indexOf()或 lastIndexOf()查找字符串中所有的目标子字符串
let stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit"; let positions = new Array(); let pos = stringValue.indexOf("e"); while(pos > -1) { positions.push(pos); pos = stringValue.indexOf("e", pos + 1); } console.log(pos...原创 2020-11-05 07:57:50 · 405 阅读 · 0 评论 -
window.requestAnimationFrame()
参考链接:https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFramewindow.requestAnimationFrame()告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行注意:若你想在浏览器下次重绘之前继续更新下一帧动画,那么回调函数自身必须再次调用window.requestAni.原创 2020-10-08 22:53:56 · 352 阅读 · 0 评论 -
document对象
// 在body标签里面添加一个子元素(dom)document.body.appendChild(dom);原创 2020-10-07 22:51:57 · 79 阅读 · 0 评论 -
js常用函数封装
判断小数点后面的位数是否合理const judgeDigits = (munber,digits) => { let str = munber.toString(); let arr = str.split('.'); if(arr.length == 1){ return true } if(arr.length == 2){ if(arr[1].length == 2 || arr[1].length == 1){ return true; }.原创 2020-09-18 17:50:05 · 137 阅读 · 0 评论 -
网站收藏
web app 自适应方案总结 关键字 弹性布局之remhttps://www.cnblogs.com/breakdown/p/4231708.html原创 2020-09-10 16:40:38 · 98 阅读 · 0 评论 -
作用域链和域解析
作用域链(一层层向上查找,直到没找到宣布失败)#作用域链<script> var num = 10; function f1(){ var num = 20 ; function f2(){ var num = 30; console.log(num); //30 } f2(); } f1(); f2();//报错,因为函数执行完后f2的原创 2020-08-13 11:18:02 · 126 阅读 · 0 评论 -
JS 作用域
全局变量<script> var num=10; console.log(num);//10</script><script> console.log(num);//10</script>局部变量<script> function f1(){ var num = 10; } console.log(num); //报错</script>var声明原创 2020-08-13 11:01:06 · 60 阅读 · 0 评论 -
JS 闭包的个人理解
参考地址:https://www.jianshu.com/p/87762b8864a8参考地址:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html全局变量和局部变量// 获取所有的livar lis = document.getElementsByTagName('li');for(var i=0;i < lis.length;++i){ lis[i].onclick = fun..原创 2020-08-11 16:30:44 · 97 阅读 · 0 评论 -
JS 获取当前日期和时间
获取当前日期function getToDay(joiner='-'){ let day = new Date(); return day.getFullYear()+joiner + (day.getMonth()+1) + joiner + day.getDate();}运行结果:getToDay();"2020-7-23"获取当前时间function getCurrentTime(joiner=':'){ let day = new Date().原创 2020-07-23 17:34:29 · 410 阅读 · 0 评论