皮蛋瘦肉粥的博客

原创 es6-11

是 JavaScript 的一种基本数据类型。它的特点是：即使描述一样，也不相等： 只是描述信息。注意：必须加中括号，表示使用 Symbol 作为属性名。虽然描述都是 ，但它们是两个不同的属性。 也不会遍历 Symbol 属性：获取 Symbol 属性：获取对象全部属性：5. Symbol.for()普通 每次都会创建新值： 会使用全局 Symbol：获取注册名称：6. Symbol.iterator 用于让对象可以被 遍历。数组能够使用 ，就是因为数组实现了 。输出

原创 pink老师-jsAPIS-day1

原创 pink老师-js基础-day4

立即执行函数。

原创 pink老师-js基础-day3

语法都差不多记一些自己不知道的。

原创 pink老师-js基础-day2

它与一般字符串不同，会保留空格，换行符和缩进。

原创 pink老师-js基础-day1

商品名称</th><th>商品价格</th><th>商品数量</th><th>收货地址</th><td>广西南宁</td><th>总价

原创 pink老师html5+css3day11

dl：description list，整个列表的容器dt：description term，被定义的术语 / 名称dd：description detail，这个术语的解释 / 说明</</</</</宽高由文字撑开，不能随便用 width/height 控制点击区域只在文字上在某些布局/动画里，不太好控制“整块区域”的移动效果把它改成：display: block;后，a 就变成 盒子（block-level box） 了：可以设置宽度、高度、内边距，整一行都是可点击区域。

原创 pink老师html5+css3day10

当这个输入框 获得焦点（被点进来、正在输入）时，应用这段样式。也就是 用户正在操作这个 input 时的状态样式。

原创 pink老师html5+css3day09

:before 和 ::after 是 CSS 伪元素（pseudo-elements），用来在一个元素的内容之前或之后插入虚拟的内容，而无需在 HTML 中添加额外标签。），而内容被它遮住了，给 body 或主要内容容器加上一个与头部高度相同的上边距或内边距 就能解决。autocomplete 是一个 HTML 属性，用于控制浏览器是否自动填充（自动补全）用户以前输入过的内容，例如用户名、邮箱、地址、电话号码、密码等。在 HTML 中， 标签表示一个表单（Form），用于收集用户输入并提交给服务器。

原创 pink老师html5+css3day08

在 CSS 里，:before（现代写法是 ::before）是一个伪元素（pseudo-element），用于在某个元素的内容之前插入生成的内容。transform 是一个 CSS 属性，用于对元素进行变形操作，可以让元素进行 旋转、缩放、平移和倾斜等效果，而不改变元素的原始布局。取值可以是：thin（细）、medium（中等）、thick（粗）、或者具体的像素值（例如：1px, 2px 等）。flex: 1 的作用是让元素在父容器中自动占满可用空间，和其他带 flex: 1 的元素平均分配剩余空间。

原创 pink老师html5+css3day07

原创 pink老师html5+css3day06

最后一个需要单写SVG动画svg是图片格式，通过高度宽度来进行修改clip-path(裁剪盒子）drop-shadow整体阴影视图时间线-animation-timeline

原创 pink老师html5+css3day05

原创 pink老师html5+css3day04

flex写在孩子身上，gap写在父亲身上多行百度图片案例横向用 flex 排列列；列内部不需要 flex，靠 a{display:block} 的默认纵向流把图片一张张往下叠。小兔鲜案例这段代码用一个 1000px 宽、相对定位且溢出隐藏的 .box 容器，放入 display:flex 的横向图片列表（每个 li 固定 200px 宽，图片自适应 100%）；上下用 ::before/::after 伪元素做成半圆提示条显示文案；CSS 隐藏滚动条并启用平滑滚动；JS 监听 wh

原创 pink老师html5+css3day03

圆形：高宽设置一样，border-radius设置50%胶囊：设置min(w,h)的一半内边距外边距这个是浏览器特盒子背景视觉滚动案例：背景渐变盒子影子盒子案例-淘宝导航字体图标iconfont精灵图a链接标签如果给了flex布局，可以直接设置宽带和高度

原创 pink老师html5+css3day02

css选择器基础选择器关系选择器css文本样式登高案例：分组选择器状态伪类结构伪类表单伪类伪元素选择器属性选择器继承的权重为0，标题和链接有自带样式。所以继承父代需要注意。

原创 pink老师html5+css3day01

强调与注释crtl+/是注释块内元素和行内元素视频标签超链接布局标签列表标签表格标签表单控件

原创 LeetCode hot 100 day2

【代码】LeetCode hot 100 day2。

原创 LeetCode hot 100 day1

1. key 的唯一性在 unordered_map 中，key 必须是唯一的，即每个 key 只能出现一次。如果你尝试插入重复的 key，新的值会覆盖已存在的值。2. 插入重复 key 的行为当插入一个已有的 key 时，unordered_map 会覆盖原来对应的 value。你可以使用 unordered_map 提供的 find() 方法来检查一个 key 是否已经存在。如果 find() 返回 end()，则表示该 key 不存在是根据key来查找 而不是根据value；

原创 代码随想录day62图论11

【代码】代码随想录day61图论11。

原创 代码随想录day60图论10

【代码】代码随想录day60图论10。

原创 代码随想录day59图论9

如果 通过 A 到 B 这条边可以获得更短的到达B节点的路径，即如果 minDist[B] > minDist[A] + value，那么我们就更新 minDist[B] = minDist[A] + value ，这个过程就叫做 “松弛”。Dijkstra 算法基于贪心策略，每次选择当前已知的最短路径，假设所有权重是非负的。在处理负权边时，贪心选择的最短路径可能不是全局最优的，因为负权边可能导致经过某些节点的路径更短，但 Dijkstra 可能在处理时错过这种情况。

原创 代码随想录day58图论8

首先计算图中每个节点的入度（即指向该节点的边的数量）。如果一个节点的入度为0，表示没有任何其他节点指向它，意味着它可以被排在拓扑排序的最前面。使用一个队列（Queue）来存放所有入度为0的节点，因为它们可以开始拓扑排序。如果最终的拓扑排序结果包含所有节点，说明图是有向无环图（DAG），并且找到了合法的拓扑排序。如果邻接节点的入度减为0，则将该节点加入队列，因为它现在可以加入拓扑排序。如果有节点的入度始终不为0，说明图中存在环，无法进行拓扑排序。对于每一个从当前节点指向的邻接节点，将它们的入度减1。

原创 代码随想录day57图论7

最小生成树（MST） 是图论中的一个经典问题，目的是在一个带权无向图中，找到一棵生成树，使得树的边的权值之和最小。并查集：通过并查集来判断两个节点是否已经连接，如果没有连接，则将这条边加入到最小生成树中。生成树：一个图的生成树是一个包含图中所有顶点的树，它是一个无环的连通子图。最小生成树：一个图的生成树中，边的权值之和最小的生成树称为最小生成树。第三步，更新非生成树节点到生成树的距离（即更新minDist数组）边排序：首先将所有的边按权值升序排列。第一步，选距离生成树最近节点。第二步，最近节点加入生成树。

原创 代码随想录day56图论6

有一个节点入度为2，无环 删除后出现的那条（cand2）有一个节点入度为2，有环 删除先出现的那条（cand1）无节点入度为2，但出现环 删除成环边。

原创 代码随想录day55图论5

判断两个节点是否在同一个集合，函数：isSame(int u, int v)，就是判断两个节点是不是同一个根节点。将两个节点接入到同一个集合，函数：join(int u, int v)，将两个节点连在同一个根节点上。寻找根节点，函数：find(int u)，也就是判断这个节点的祖先节点是哪个。通过模板，我们可以知道，并查集主要有三个功能。

原创 代码随想录day53图论4

如果相邻的方向是 1（陆地），则不贡献周长，因为已经通过相邻陆地共享边界。如果相邻的方向是 0（水）或者是矩阵的边界，则该方向贡献 1 到周长。最终得到总周长：通过遍历矩阵的每个 1 来累计周长。遍历矩阵：遍历每个陆地块（即值为 1 的单元格）。

原创 代码随想录day52图论3

遍历所有的水块 0，尝试将其变成 1，并计算其上下左右 4 个方向连接的不同岛屿编号的面积和，得到变换后的最大面积。先遍历所有的陆地块 1，用 BFS 把每个岛屿标记为不同的编号（从 2 开始），并记录每个岛屿的面积。特判：如果原始矩阵全是陆地，则直接返回 n * m。

原创 代码随想录day51图论2

【代码】代码随想录day51图论2。

原创 代码随想录day50图论1

【代码】代码随想录day50图论1。

原创 代码随想录day49单调栈2

求左边第一个比它大的数就是取出栈顶的下一个元素 因为栈里面是单调递增的。

原创 代码随想录day48单调栈1

如果想求右边第一个比它小的数 nums[i]>nums[stk.top()]改成nums[i]<nums[stk.top()]即可。求左边第一个比他大的也改一下符号即可。如果想求左边第一个最小的数呢。

原创 代码随想录day46dp13

回溯法暴力dp。

原创 代码随想录day45dp12

体会：做dp问题的时候如果递推公式很难推出来， 在确定dp数组和如何初始化的前提下，我们可以画表根据自己理解填数字，然后再想一下这个是怎么根据前面状态推导过来的，这样递推表达式就很好写出来了。

原创 代码随想录day44dp11

【代码】代码随想录day44dp11。

原创 代码随想录day25回溯算法4

【代码】代码随想录day25回溯算法4。

原创 代码随想录day24回溯算法3

【代码】代码随想录day24回溯算法3。

原创 代码随想录day23回溯算法2

【代码】代码随想录day23回溯算法2。

原创 代码随想录day22回溯算法1

【代码】代码随想录day22回溯算法1。

原创 代码随想录day43dp10

【代码】代码随想录day43dp10。