随笔分类 -  javascript

总结了工作中常用的 ES6 代码片段
摘要:1、如何隐藏所有指定元素? const hide = (...el) => [...el].forEach(e => (e.style.display = "none")); // Example hide(document.querySelectorAll("img")); // 隐藏页面上所有< 阅读全文

posted @ 2021-01-14 11:04 明启心动 阅读(111) 评论(0) 推荐(0) 编辑

不借助第三者交换 a,b两个值
摘要:/* 方法一 */ a = {a:b,b:a}; b = a.b; a = a.a; /* 方法二 */ a = [a,b]; b = a[0]; a = a[1]; /* 方法三 */ [a,b] = [b,a]; 阅读全文

posted @ 2019-06-13 14:08 明启心动 阅读(228) 评论(0) 推荐(0) 编辑

canvas 等比例压缩图片
摘要:// 图片压缩,默认同比例压缩 compressImg (URL, callback) { // 生成canvas let canvas = document.createElement('canvas') let ctx = canvas.getContext('2d') let image = new Image() image.setAttribute('crossOr... 阅读全文

posted @ 2019-06-13 14:02 明启心动 阅读(1715) 评论(0) 推荐(0) 编辑

js 滚动到指定位置的函数
摘要:很多时候我们会需要这样一个效果,点击某位置时,让页面滚动到某一个位置。下面我总结的一个方法。ele:要跳到的元素节点。不传参为跳到最上边speed:滚动到元素节点的时间,单位为毫秒,不传参为默认值 阅读全文

posted @ 2017-12-22 16:38 明启心动 阅读(1792) 评论(0) 推荐(0) 编辑

前端常用的插件网站
摘要:这套工具集中的大部分你可能见过,也可能没见过,如果有哪个/些让你眼前一亮,那么我的分享就很值了。这个列表包含许多种类的资源,所以这里我将它们分组整理。Javascript 库Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3 阅读全文

posted @ 2017-12-20 16:57 明启心动 阅读(2179) 评论(0) 推荐(0) 编辑

利用javascrit获取url传递的参数
摘要:1.获取url所有的参数 我们可以直接通过window.location.search来取得这部分,也就是我们需要的url参数。当url没有包含?时,window.location.search会返回undefined。 2.获取url中指定键名(name)的键值(val) 3.利用正则表达式来获取 阅读全文

posted @ 2017-12-20 16:44 明启心动 阅读(950) 评论(0) 推荐(0) 编辑

原生js获取元素属性值方法
摘要:使用示例: var oDiv=document.getElementById("test"); alert(getStyle(oDiv,"top")); Live and learn! 阅读全文

posted @ 2017-12-05 19:00 明启心动 阅读(6890) 评论(0) 推荐(0) 编辑

原生js根据class获取元素的方法
摘要:function getByClass(oParent, sClass){ var aResult=[]; var aEle=oParent.getElementsByTagName('*'); for(var i=0;i<aEle.length;i++){ if(aEle[i].className==sClass) { ... 阅读全文

posted @ 2017-12-05 18:46 明启心动 阅读(37990) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示