什么是grid布局？​ flex布局是轴线布局，只能指定“项目”针对轴线的位置，可以看作是一维布局，Grid布局则是将容器划分成行和列，产生单元格，然后指定“项目所在”的单元格，可以看作是二维布局 基本概念像flex布局一样，grid布局中也有容器和项目的概念 除此之外还有间距(gap)、区域(area)、内容(content)以及隐藏的网格线等概念 容器属性grid-temp

浮动通过浮动可以使一个元素向父元素的左侧或右侧移动 使用float属性来设置子元素的移动 可选值： None 默认值，元素不浮动 Left 元素向左浮动 Right 元素向右浮动 注意：元素设置浮动以后，水平布局的等式便不需要强制成立 元素设置浮动以后，会完全从文档流中脱离，不再占用文档流的位置 所以元素下边的还在文档流中的元素会自动向上移动 浮动的特点：1.浮动元素会完全脱离文档流，不再占据文档

Map12345678//声明maplet m = new Map();//添加元素m.set('name','value');m.set('change',function(){ console.log("we can change you");})console.log(m); 123

认识flex布局 两个重要的概念 开启了flex布局的元素叫flex container flex container里面的直接子元素叫做flex items 设置display属性为flex或者inline-flex可以成为flex container flex：flex container 以block-level形式存在 inline-flex:flex container以inline

​ 转眼间就过了半个月了，感觉这段时间完全不在状态，因为项目卡壳和其他压力原因导致自己不想学习，之前坚持的每日博客打卡也中断了，沉迷于小说与游戏中，但是半个月的放纵也算是舒缓了许多压力，算是给自己放个假了。 ​ 不管怎么说还是要继续学下去的，项目的难题只能慢慢去学习解决了，无论将来结果如何，目前做好自己的事就好，每天都要开心呀

盒模型、盒子模型、框模型（box model）CSS将页面中的所有元素都设置为了一个矩形的盒子 将元素设置为矩形的盒子后，对页面的布局就变成将不同的盒子摆放到不同的位置 每一个盒子都由以下几个部分组成： 内容区内容区(content):元素中的所有的子元素盒文本内容都在内容区中排列 内容区的大小由width盒height两个属性来设置 width：设置内容区的宽度 Height:设置内容区的高度

常用选择器元素选择器 作用：根据标签名来选中指定元素 语法：标签名{} 例子:p{},h1{},div{} Id选择器（id最好不同） 作用：根据元素的id属性值选中一个元素 语法:#id属性值{} 例子：#box{} 类选择器(可以设置相同的类) 作用：根据元素的class属性选中一组元素 语法:.class属性值{} 可以为一个元素指定多个class 多个class之间使用空格隔开 通配选择器

描述输入一个链表，输出一个链表，该输出链表包含原链表中从倒数第k个结点至尾节点的全部节点。 如果该链表长度小于k，请返回一个长度为 0 的链表。 示例1输入： 1{1,2,3,4,5},1 返回值： 1{5} 解题思路要输出倒数第k个到尾节点的全部节点 这两个节点之间相差k个 而双指针可以解决这个问题 快指针先出发，如果不足k次移动就到结尾直接返回空

描述输入一个递增排序的数组和一个数字S，在数组中查找两个数，使得他们的和正好是S，如果有多对数字的和等于S，返回两个数的乘积最小的，如果无法找出这样的数字，返回一个空数组即可。 返回值描述：对应每个测试案例，输出两个数，小的先输出。 示例1输入： 1[1,2,4,7,11,15],15 返回值： 1[4,11] 解题思路和41差不多，双指针一个指向开头一个指向末尾，向中间靠拢 但是这题隐藏了一

描述小明很喜欢数学,有一天他在做数学作业时,要求计算出9~16的和,他马上就写出了正确答案是100。但是他并不满足于此,他在想究竟有多少种连续的正数序列的和为100(至少包括两个数)。没多久,他就得到另一组连续正数和为100的序列:18,19,20,21,22。现在把问题交给你,你能不能也很快的找出所有和为S的连续正数序列? Good Luck! 返回值描述：输出所有和为S的连续正数序列。序列内按