- 博客(12)
- 收藏
- 关注
RSS订阅原创 防抖和节流
+ 防抖节流的区别 防抖的目的是为了让函数的有效代码执行一次 节流是为了降低有效代码执行的频率 <body> <button id="btn">按钮</button> <input type="text" id="inp"> </body> 防抖方式一 fetch('./data.json'); let timer=null; btn.onclick = function () { clearTimeout(time
2022-04-20 19:25:47
219
原创 原生js瀑布流效果，css+html+js，复制下来可直接使用
html里面总共需要引入三个文件 css文件两个，js代码一个 ；；；json文件里面的图片就自己增改把 html页面 <div class="container" id="fallsBox"> <div class="column"> <!-- <div class="item"> <a href=""> <div clas
2022-04-20 19:16:51
777
原创 图片懒加载，带CSS样式以及思路解析
<style> /* 图片懒加载思路 + 最开始加载页面，img的src不赋值(这样就不会去加载图片),把真实图片的地址赋值给img的自定义属性，方便后期想要加载真实图片时候获取 + 如果src不赋值或者加载的图片是错误的，会显示‘碎图’，这样样式不美观，所以；我们最开始让img是隐藏的 可以设置display 也可以设置透明度为0(透明度改变也可以设置过渡效果) + 给图片所在的盒子设置北京占位图（或者背景颜色），在真实图片没...
2022-04-15 19:19:29
764
原创 点击回到顶部，js动画版
(function () { const HTML = document.documentElement, link = document.querySelector('.link'); //根据浏览器卷去的高度，计算link 的显示隐藏【window.onscroll监听浏览器滚动条滚动事件】 const scrollMove = function scrollMove() { let { scrollTop, clientHeight } = HTML; ...
2022-04-15 19:12:41
164
原创 正则捕获小练习
1 . URL解析 let str = 'https://www.baidu.com/s?qqq=111&www=222&eee=333'; function queryURL(str,key) { let reg = /[a-z]+=\d+/g; //以=分割 左边是a-z之间出现1次或者到多次的字符，右边是数字。g代表 全局匹配，找到所有符合条件的 let ary = str.match(reg);// // console.log(ary); // ['qqq=11...
2022-04-13 19:51:55
122
原创 正则的简单认识
比较常用的几个规则 特殊元字符： \d 代表数字 \D 代表除了数字以外的其他字符 \w 代表数字或者字母或下划线 \W 代表数字字母下划线以外的其他字符 ^ 代表以什么开头 若写就得在正则的最前边 $ 代表以什么结尾 若写就得在正则的最后边 [ab] a或b /^[xy]$/: 要不就是以x开头结果 要不就是以y开头结尾 [^ab] 除了ab以外的其他字符 [a-z]...
2022-04-12 20:13:15
743
原创 js两等号比较转换规则
var obj = {}; var obj2 = obj; console.log(obj == obj2);//true // @1如果是对象数据类型，那只要去比较空间地址就行，空间地址是同一个，那就相等（true） console.log([] == []);//false console.log({} == {});//flase console.log([] == {});//false // @2对象和字符串比较，先把对象转换为...
2022-03-19 20:22:25
256
原创 js数据类型检测
+ typeof let res1 = typeof 100; let res2 = typeof "今天天气还不错"; let res3 = typeof true; let res4 = typeof null; let res5 = typeof undefined; let res6 = typeof Symbol(); let res7 = typeof 10n; let res8 = typeof {}; let res9 = typeof []; console.log(r
2022-03-19 20:20:28
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人