我的gitee地址:gitee.com/curry-hzy
今日任务:
-
leetcode:
-
leetcode两道动态规划,很简单。用一维和二维dp搞定
-
css面经
-
css面试题:多行和单行文本溢出。
-
媒体查询
-
css工程化
-
判断元素出现在可视区域
-
z-index失效
-
css布局单位 ——px ——百分比 ——em,rem ——vw,vh/vmin,vmax
-
两栏布局(左边固定,右边自适应) 1.浮动 2.BFC 3.flex 4.定位
-
三栏布局实现(左右固定,中间自适应)1.定位 2.flex 3.float 4.圣杯布局 5.双飞翼布局
-
水平垂直居中 1.定位50 50 translate 2.定位0 marigin auto(
宽高)3.定位50 50 marigin负(宽高) 4.flex -
flex=1:flex-grow剩余空间方大 flex-shrink:空间不足缩小 flex-basis:项目占据空间大小
-
清楚浮动的方式(高度塌陷):1.父加高 2.后加空div clear:both 3.after伪元素加clear:both 4.父亲:overflow-hidden (
**注意clear只有块元素生效**) -
BFC
-
margin重叠问题:解决方法
-
position的属性
-
display、float、position关系 1.display none -> position:absolute,fixed(此时display必须为block或table) -> float:none ->
-
手写:三角形,扇形,宽高自适应正方形,画0.5px线 字体小于12px
-
前端手写
-
手写深拷贝:循环引用
-
判断是否存在循环引用
-
使用 setTimeout 实现 setInterval
-
未做但需要学习的
-
元素的层叠顺序