- 博客(5)
- 收藏
- 关注
原创 js防抖节流原理及实现。
1)防抖原理:在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。 适用场景: 按钮提交场景:防止多次提交按钮,只执行最后提交的一次 搜索框联想场景:防止联想发送请求,只发送最后一次输入 简易版实现:function debounce(func, wait) { let timeout; return function () { const context = this; const args = arguments;
2020-10-11 10:55:46
970
原创 CSS + JS 实现时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> * { margin: 0;
2020-07-24 16:29:41
165
原创 CSS flex属性 兼容各个浏览器
/* 容器盒子兼容处理 */.box { display: -webkit-flex; /* 新版本语法 Chrome 21+ */ display: flex; /* 新版本语法 Opear 12.1 Firefox 22+ */ display: -webkit-box; /* 新版本语法 Safari, ios, Android browser, older Webkit browsers. */ display: -moz-box;
2020-07-24 11:49:26
1173
转载 css代码片段
1、垂直对齐如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑:.verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}使用这个技巧,从单行文本、段落到b
2020-06-20 11:28:15
612
原创 使用织梦中遇到的问题
内容页调用文章列表{dede:arclist row=‘5’ typeid=‘2’ } [field:title/] {/dede:arclist}
2020-06-20 10:54:39
215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人