js
aLosingGil
这个作者很懒,什么都没留下…
展开
-
实现一个flatten函数,将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组
<!DOCTYPE html><html><script> const newArr = []; function _flatten(arr){ arr.forEach(val => { console.log(`start: ${val}`); if(Array.isArray(val)...原创 2019-09-19 17:08:20 · 628 阅读 · 0 评论 -
二分查找
二分法查找,也称为折半法,是一种在有序数组中查找特定元素的搜索算法。前提:数组有序思路:定义常量:数组查找开始和结束位置; while循环:只要开始位置<=结束位置,计算中间位置(注意:要用Math.floor,不然所求会是小数),则比较所要查找值与中间值位置大小 如果中间位置不是所求,即重新赋值开始或者结束位置索引二分法查找的时间复杂度O(logn)。<!DO...原创 2019-09-19 18:08:58 · 115 阅读 · 1 评论 -
一个圈,先绿色3s,然后黄色1s,然后红色2s;如此循环
<!DOCTYPE html><html><head> <style> #colorCircle { width: 50px; height: 50px; border-radius: 100%; background-co...原创 2019-09-19 21:43:16 · 600 阅读 · 0 评论 -
js去除字符串首尾空格
说明JavaScript 正则表达式 g、i、m分别代表的意思g:表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止;i:表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式与字符串的大小写;m:表示多行(multiline)模式,即在到达一行文本末尾时还会继续查找下一行中是否存在与模式匹配的项。首次...原创 2019-09-22 11:20:40 · 2722 阅读 · 0 评论 -
前端js布局——BFC与浮动
<!DOCTYPE html><html><head> <style> .left { background: yellow; float: left; width: 20%; } .middle { ...原创 2019-09-22 17:01:53 · 317 阅读 · 0 评论 -
前端布局——flex
代码:<!DOCTYPE html><html><head> <style> #container { margin: 90px; width: 100%; } .header { background-col...原创 2019-09-22 17:19:52 · 160 阅读 · 0 评论 -
前端布局——绝对定位布局
效果:代码:<!DOCTYPE html><html><head> <style> #container { width: 100%; } .header { position: absolute; ...原创 2019-09-22 18:21:28 · 717 阅读 · 0 评论