02 2020 档案

深入理解 vertical-align 属性
摘要：语法 用来指定行内元素或表格元素的垂直对齐方式 相对父元素的值 baseline 使元素的基线与父元素的基线对齐。HTML规范没有详细说明部分可替换元素的基线，如textarea，这意味着这些元素使用此值的表现因浏览器而异。 middle 使元素的中部与父元素的基线加上父元素x height（译注： 阅读全文
posted @ 2020-02-29 11:39 大芒果哇 阅读(875) 评论(0) 推荐(0)
深入理解React key
摘要：一 react 组件元素的 diff 算法 二 key 的理解 概述 react 中的key 属性，它是一个特殊的属性，它的出现不是给开发者用的（例如你为一个组件设置key之后不能获取组件的这个key props），而是给react自己用的。 key 的作用 key不是用来提升react的性能的，不 阅读全文
posted @ 2020-02-29 11:26 大芒果哇 阅读(824) 评论(0) 推荐(0)
JS数据类型检测
摘要：typeof 操作符 只能用来检测基本类型的数值。引用类型会统一返回 object。 函数：function 数值：number 字符串：string 布尔值：boolean undefined:undefined 对象：object 正则：function (safari 只能用来检测引用类型，由 阅读全文
posted @ 2020-02-29 11:10 大芒果哇 阅读(180) 评论(0) 推荐(0)
数组去重
摘要：一 双层循环匹配 1. 选择排序 1. 思想： 将标志位的每一项与后面的项进行对比，一致则删除，j 。 3 利用对象key的不可重复性 4 对排序之后的数组进行前后值的对比。 1. 思想 1. 将数组进行排序，遍历数组，将当前项和下一项进行对比，一样则将下一项删除掉。最后return数组。 四 es 阅读全文
posted @ 2020-02-29 10:59 大芒果哇 阅读(205) 评论(0) 推荐(0)
ES5继承
摘要：1 构造函数继承 2 原型链继承 3 组合继承 4 组合继承优化 阅读全文
posted @ 2020-02-29 01:18 大芒果哇 阅读(167) 评论(0) 推荐(0)
两栏布局
摘要：常用的后台布局方式。左侧固定，右侧宽度自适应屏幕。 实现方式 1. BFC。运用 BFC 不和 float 块重叠的特点 2. position 布局。right 块 absolute,让 left 为right的宽度 3. 自适应布局。right 不设置宽度。用 margin 撑开左边边距。 4. 阅读全文
posted @ 2020-02-29 01:15 大芒果哇 阅读(205) 评论(2) 推荐(0)
图片在容器内上下左右居中对齐
摘要：一 父元素和居中子元素的宽高未知 1. vertical align middle处理居中 思路解析： 1. span高度设置100%,确定他的基线是底部margin。父元素的基线也是底部margin。 2. span 设置middle。span 的横向中心与父元素的基线+ 0.5x height 阅读全文
posted @ 2020-02-29 01:10 大芒果哇 阅读(822) 评论(0) 推荐(0)
Iterm2 快捷操作
摘要：窗口操作 新建窗口：Command + N 关闭所有窗口：Shift + Command + W 窗口之间切换 前一个窗口： Command + 【 后一个窗口：Command + 】 进入窗口1，2，3...： Option + Command + 窗口编号 标签页操作 新建标签页 ： comma 阅读全文
posted @ 2020-02-28 23:25 大芒果哇 阅读(921) 评论(0) 推荐(0)
函数节流和防抖
摘要：函数节流 限制一个函数在一定时间内只能执行一次。忽略在当前时间段内其他的事件触发。 1. 使用场景 1. 如鼠标的滚轮事件。 2. 高频输入的远程搜索输入框。 3. 表单确定按钮的点击处理事件。 2. 代码举例 1. setTimeout 2. 判断本次与 上次执行 的时间间隔。在wait时间段内， 阅读全文
posted @ 2020-02-18 23:33 大芒果哇 阅读(129) 评论(0) 推荐(0)