公瑾当年のblog

摘要： 当在页面中插入图片时，img 默认底部有空白效果。 产生的原因： 由于图片的 display 属性默认是 inline ，vertical-align 属性的默认值是 baseline (以基线对齐)，所以图片底部出现留白区域。 常用解决方法： 将 img 变为块级元素 img { display: 阅读全文

摘要： 利用随机数，使用 switch...case 获取 if 判断。可根据使用场景，调整随机数和判断的范围 var a = '我是大哥'; var b = '我是二哥'; var c = '我是三弟'; var x = Math.floor(Math.random()*10+1);//1-10之间随机数 阅读全文

摘要： let str = 'abbbdsscc'; // match 方法返回匹配的数组 let res = str.match(/b/g); let count = !res ? 0 : res.length; console.log(count) 参考：https://zhidao.baidu.com 阅读全文

摘要： let str = '12×3÷4+6-9'; // 按照 × ÷ + - 分割 使用正则的方式分割 加号是正则的关键字，使用[+] let strArr = str.split(/×|-|÷|[+]/); console.log(strArr); // ["12", "3", "4", "6", 阅读全文

摘要： 在命令行窗口使用 npx 创建 react 项目的时候，报错如下图所示。 百度一搜，很多都是说无法启动 cmd 命令的原因，系统变量加入 cmd 所在路径 C:\WINDOWS\system32 即可。可是添加到系统变量之后还是有这样的问题，后来发现可能是权限的问题，当我使用管理员权限执行 npx 阅读全文

摘要： flex布局 参考这篇文章，复习 flex 布局。 为块级元素设置 display: flex;（保持块级特性） 或者为内联元素设置 display: inline-flex（保持行内特性） 即可创建 flex 布局 作用于父级元素上的属性 flex-direction 设置主轴方向，默认值 row 阅读全文

摘要： 集合简介 集合是一种 无序且唯一 的数据结构 ES6 中有集合，名为 Set 集合的常用操作：去重、判断某元素是否在集合中、求交集... // 数组去重 const arr = [1, 2, 3, 3, 2, 1]; const set = [...new Set(arr)] console.log 阅读全文

摘要： 本文转自：https://mp.weixin.qq.com/s/rQmekUa0wCRId57cZ0ejcQ 之前推荐过一波自用的 Markdown 编辑器，当时提到了 Typora，缺点就是无法集成图床。 其中一个折中的办法就是手动使用 PicGo 上传到图床，然后将地址粘贴到 Typora。 那 阅读全文

摘要： 链表简介 链表的概念： 多个元素组成的列表 元素存储不连续，用 next 指针连在一起 数组和链表的对比： **数组：**增删非首尾元素时往往需要移动元素。 链表： 增删非首尾元素时，不需要移动元素，只需要更改 next 的指向即可。 JS 中的链表 JavaScript 中没有链表这种数据结构 但 阅读全文

摘要： 队列简介 队列是一个 先进先出 的数据结构 JavaScript 中没有队列，但可以使用 Array 实现队列的所有功能 比如 窗口排队，先排队的人先完成业务 const queue = []; queue.push(1); // [1] queue.push(2); // [1, 2] let r 阅读全文