![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生js
moguPeople
一个切图仔~
展开
-
转:函数防抖与节流
在前端开发的过程中,经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。所以诞生了 防抖与节流函数防抖(debounce)所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。页面部分<div id="box" style="height:150px;line-height:150px;text-align:center; colo转载 2020-10-14 11:56:32 · 118 阅读 · 0 评论 -
js String padStart()自动补全操作
padStart(targetLength [, padString]) 方法用另一个字符串填充当前字符串(重复,如果需要的话),以便产生的字符串达到给定的长度。填充从当前字符串的开始(左侧)应用的。targetLengt 目标长度padString 补充的字符串var str1 = "1";var str01 = sr1.padStart(2, '0')...原创 2019-12-11 09:47:55 · 1141 阅读 · 0 评论 -
HTML5 拖拽
1、设置元素可拖拽属性; &lt;img draggable="true"&gt;2、拖动什么 - ondragstart 设置被拖拽元素 需要传递的数据 需要用onondragstart 来监听事件;// html...&lt;img draggable="true" onondragstart ="drap(event)"原创 2018-08-31 16:46:33 · 497 阅读 · 0 评论 -
javascript 原生仿写瀑布流;
瀑布流的效果 原理是初始列数top值为0,然后将第一行的高度添加到一个新的数组里,从第二行开始根据储存高度这个数组来,确定最低高度列,然后向最低高度列添加展示数据; 效果图: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title原创 2018-08-29 17:25:27 · 213 阅读 · 0 评论 -
JavaScript之浅拷贝与深拷贝
个人理解 仅供参考 如有不当 欢迎指正浅拷贝(shallow copy):只复制指向某个对象的指针,而不复制对象本身,新旧对象共享一块内存; 当修改新旧对象某一个值时,新旧对象都会被修改; 深拷贝(deep copy):复制并创建一个一摸一样的对象,不共享内存,修改新对象,旧对象保持不变。 一、浅拷贝...原创 2018-09-04 12:46:11 · 143 阅读 · 0 评论 -
正则匹配替换最后一位字符
var bar = "abc?";// 需求替换/删除最后一位字符;var foo = bar.replace(/[&?]$/,""); // 用空字符串替换以"&"或者"?"结尾的字符串;输出: foo = "abc";未完待续…....原创 2018-09-06 18:12:34 · 14324 阅读 · 3 评论