2022年6月2日
027.移除元素
摘要： /* * @lc app=leetcode.cn id=27 lang=javascript * * [27] 移除元素 */ /** * * 思路： * 1. 用一个变量len标记当前数组下标，如果不等于val则放到nums[len]中，len++ * 2. 这样nums[0]~nums[len] 阅读全文
posted @ 2022-06-02 22:16 yeqi7 阅读(27) 评论(0) 推荐(0)
026.删除排序数组中的重复项
摘要： /* * @lc app=leetcode.cn id=26 lang=javascript * * [26] 删除排序数组中的重复项 */ /** * * 思路： * 1. 用一个指针记录当前不重复的数组值,该指针从零开始 * 2. 从第二项开始遍历数组，与前一项比较，如果当前值和前一个值相同，则 阅读全文
posted @ 2022-06-02 22:14 yeqi7 阅读(25) 评论(0) 推荐(0)
001.两数之和
摘要： /* 题目描述 */ /************************************************************************************************* 给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目 阅读全文
posted @ 2022-06-02 22:13 yeqi7 阅读(21) 评论(0) 推荐(0)
2022年5月31日
响应式设计的概念及基本原理
摘要： 概念 响应式网站设计（Responsive Web design）是一个网站能够兼容多个终端，而不是为每一个终端做一个特定的版本。 原理 基本原理是通过媒体查询（@media）查询检测不同的设备屏幕尺寸做处理。 兼容 页面头部必须有meta声明的viewport。 阅读全文
posted @ 2022-05-31 21:32 yeqi7 阅读(213) 评论(0) 推荐(0)
水平垂直居中的实现
摘要： 绝对定位+transform 父亲给一个高度，position：relative；子盒子position：absolute，top：50%；left：50%；transform：translate（-50%，-50%） 绝对定位+margin:auto 父容器给一个高度，position：relat 阅读全文
posted @ 2022-05-31 21:25 yeqi7 阅读(20) 评论(0) 推荐(0)
display、float、position的关系
摘要： 首先判断display属性是否为none，如果为none，则position和float属性的值不影响元素最后的表现。 然后判断position的值是否为absolute或者fixed，如果是，则float属性失效，并且display的值应该被设置为table或者block，具体转换需要看初始转换值 阅读全文
posted @ 2022-05-31 21:12 yeqi7 阅读(150) 评论(0) 推荐(0)
position的属性有哪些？区别是什么
摘要： 属性 static 默认值，没有定位，元素出现在正常的文档流中，会忽略 top, bottom, left, right 或者 z-index 声明，块级元素从上往下纵向排布，⾏级元素从左向右排列。 relative 生成相对定位的元素，相对于其原来的位置进行定位。元素的位置通过left、top、r 阅读全文
posted @ 2022-05-31 21:08 yeqi7 阅读(96) 评论(0) 推荐(0)
什么是margin重叠问题？如何解决
摘要： margin重叠问题 个块级元素的上外边距和下外边距可能会合并（折叠）为一个外边距，其大小会取其中外边距值大的那个，这种行为就是外边距折叠。需要注意的是，浮动的元素和绝对定位这种脱离文 档流的元素的外边距不会折叠。重叠只会出现在垂直方向。只有块级元素会触发外边距塌陷的问题 计算原则 如果两者都是正数 阅读全文
posted @ 2022-05-31 21:03 yeqi7 阅读(210) 评论(0) 推荐(0)
对BFC的理解，如何创建BFC
摘要： BFC理解 Box: Box 是 CSS 布局的对象和基本单位，⼀个⻚⾯是由很多个 Box 组成的，这个Box就是我们所说的盒模型。 Formatting context：块级上下⽂格式化，它是⻚⾯中的⼀块渲染区域，并且有⼀套渲染规则，它决定了其⼦元素将如何定位，以及和其他元素的关系和相互作⽤。 块 阅读全文
posted @ 2022-05-31 20:58 yeqi7 阅读(171) 评论(0) 推荐(0)
对浮动的理解以及清除浮动的方法
摘要： 浮动：float 浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。 语法 左浮动：float：left; 右浮动：float:right; 浮动特性 浮动的元素会脱离标准流（脱标）【不再保留原来的位置】 浮动元素一行内显示（不会有缝隙，若一行装不下，另起一行），并且顶部对齐 浮动盒 阅读全文
posted @ 2022-05-31 20:44 yeqi7 阅读(232) 评论(0) 推荐(0)