随笔分类 - 好好学习
案例
摘要：## 一、校验数字 1. 数字：`^[0-9]*$` 2. n位的数字：`^\d{n}$` 3. 至少n位的数字：`^\d{n,}$` 4. m-n位的数字：`^\d{m,n}$` 5. 零和非零开头的数字：`^(0|[1-9][0-9]*)$` 6. 非零开头的最多带两位小数的数字：`^([1-9
阅读全文
摘要：###函数防抖(debounce) 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 function debounce(fn, delay) { let timer = null; return function() { if (timer) clearTimeout(timer
阅读全文
摘要：###从一道题目出发 今天看到一道面试题，是关于async/await、promise和setTimeout的执行顺序，题目如下： async function async1() { console.log('async1 start'); await async2(); console.log('
阅读全文
摘要：有以下两个数组 var arr1 = ['a', 'b', 'c']; var arr2 = ['b', 'c', 'd']; let difference = arr1.filter(x => !arr2.includes(x)); //['a'] let intersection = arr1.
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport"
阅读全文
摘要：网页切换全屏(浏览器F11效果)
阅读全文
摘要：代码: 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <title></title> 7 8 <style type="text/css"> 9 * { 10 margin: 0; 11 padding: 0;
阅读全文
摘要：先放效果图 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } img { border: no
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <title></title> 7 </head> 8 <style type="text/css"> 9 ul li { 10 list-style: none;
阅读全文
摘要：JQuery写法 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <t
阅读全文
摘要：事件绑定 版 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
阅读全文
摘要：效果：筋斗云默认在第一个li，自动运动到鼠标移入的li，固定到鼠标点击的li，鼠标移出时返回到上次点击的li 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <sty
阅读全文
摘要：实现效果：点击序列号切换图片；点击上下箭头切换图片；每3s自动切换图片；鼠标移入停止自动切换，移出开始自动切换。 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 *
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 img{ 8 position: absolute; 9 left:0; 10 top:50px;
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit
阅读全文
摘要：1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <tit
阅读全文
摘要：质数是指在大于1的自然数中，除了1和它自身外没有其他因数的自然数。 一、标记法，flag初始值为true，当n%i 0时（1<i<n），说明n不是质数，此时flag值为false且循环终止；当n%i ！= 0 时，flag的值始终为true，此时会输出n是质数。 <!DOCTYPE html> <h
阅读全文
