s0interesting的博客

原创 【蓝桥web赛道】水果消消乐

【代码】【蓝桥web赛道】水果消消乐。

原创 数组排序之sort函数

方法会将数组元素转换为字符串，然后按照Unicode码点进行排序。这可能会导致一些不符合预期的结果，特别是对于数字。（可选）：用于比较数组元素的函数。如果不提供比较函数，元素会被转换为字符串，然后按照Unicode码点进行排序。为了实现正确的排序，可以提供一个比较函数。比较函数接受两个参数，通常称为。在这个例子中，数字被转换为字符串后进行排序，导致结果不符合预期。函数的工作原理和使用比较函数，可以实现对数组元素的精确排序。在这个例子中，比较函数。在这个例子中，比较函数。如果没有提供比较函数，

原创 【CSS】小记

原创 JS 多维数组扁平化为一维数组

在上方的示例中，arr1 和 arr2 数组中的嵌套数组都被扁平化为了一维数组。在 arr3 中，flat(2) 方法将嵌套数组扁平化了两层，生成了一个包含所有元素的一维数组.1.该方法可以接受一个整数参数，表示要扁平化的嵌套层数。例如，如果传递参数2，则会将二维数组扁平化为一维数组，但不会将三维或以上的数组扁平化。若数组中有空位（即未定义的元素），则 flat() 方法默认会将其删除，返回一个新的不含空位的数组。flat() 是 JavaScript 数组的一个方法，用于将多维数组扁平化为一维数组。

原创 JS扩展运算符（...）

中新增加的内容，它可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开；还可以在构造字面量对象时将对象表达式按照key-value的方式展开。字面量一般指[1,2,3]或者{name:’chuichui’}这种简洁的构造方式，但是多层嵌套的数组和对象，这个三个点就无能为力了。看别人写的js代码时，经常会出现（…）三个点的东西，那它究竟是什么意思？javascript中的这三个点（…可以和正常的函数相结合，灵活使用。

原创 flex属性之 flex:0 0 auto是什么意思

说完这些，那flex：0 0 auto的意思也就不言而喻了，即：元素有剩余空间时不放大，空间不足时也不缩小，长度等于灵活项目的长度。属性定义了在分配多余空间之前，项目占据的主轴空间（main size），浏览器根据这个属性，计算主轴是否有多余空间。flex属性是flex-glow，flex-shrink和flex-basis的简写，默认值为0 1 auto;若设置值为 1 ， 则代表当项目有剩余的空间时，会自动放大占有比例。若设置值为 0 ，则代表当项目空间不足时，项目默认不会缩小。

原创 formSubmitRequest 和 requestService 的区别

今天在写前端时遇到表单提交需要发送HTTP请求，习惯性会用到formSubmitRequest,但居然报错了，后面问了才知道，因为提交的对象中有数组，需要转换成json,用requestService比较好。复杂请求：如果你需要更多的配置选项，如自定义请求头、不同的请求方法等，：虽然更灵活，但需要更多的配置，可能会使代码稍微复杂一些。：由于它专用于表单提交，代码更加简洁，容易理解。表单提交：如果你只是简单地提交一个表单，

原创 数字向上取整

方法用于确保是一个整数，避免了小数部分带来的复杂性。这在处理时间相关的数据时非常有用，特别是当需要将时间显示为整数时。是 JavaScript 的一个内置方法，用于将一个数字向上舍入到最接近的整数。具体来说，无论小数部分是多少，都会将数字向上舍入到下一个整数。语法：Math.ceil(x)

原创 span标签里内容过长超出盒子宽度却不换行

连续空格会被缩减为一个，换行符无效（<br>），但句子超过一行会自动换行，但如果是单个单词太长超过一行会直接超出边框，如以下的incomprehensibilities,所有单词碰到边界一律拆分换行，只要碰到边界，都会被强制拆分换行,如下图所示长单词incomprehensibilities被强制拆分换行。所有“单词”一律不拆分换行，只有空格可以触发自动换行, 这里的“单词”包括连续的中文字符（还有日文、韩文等），效果如下所示。多个空格都会被保留，不会合并成一个空格，但是不能自动换行。

原创 记录一下margin塌陷的几种解决办法

当父元素有上外边距或者没有上外边距（margin-top），子元素也有上外边距的时候，两个上外边距会合成一个上外边距，以值相对较大的上外边距值为准，这种现象就是外边距的塌陷问题，即margin塌陷问题。display 的值为 inline-block、table-cell、table-caption、table、flex、inline-flex、flow-root，（这里解释一下table 本身不生成 BFC，而是 table 默认生成的匿名 table-cell 会生成 BFC）

原创 浅记录一下CSS水平垂直居中的几种方法

2.第二种比较简单，原理就是：块级元素在水平方向上具有满屏特性，表现为水平方向上占满整个父容器的宽度，所以，当水平方向上padding、border，width都是定值时，margin左右外边距设置为auto，默认会由margin左右平分剩余空间。如果子级没有设置宽高，则会被拉开到和父级一样宽高,这里子元素设置了宽高，所以宽高会按照我们的设置来显示，但是实际上子级的虚拟占位已经撑满了整个父级，这时候再给它一个margin: auto它就可以上下左右都居中了。设置父元素为相对定位， 子元素绝对定位，

原创 The dependencies of some of the beans in the application context form a cycle:

没有用到的service真的不要随便写。多写了一行导致跑不起来。，导致循环依赖注入。

原创 记录一下IDEA好用的搜索快捷键

shift+shift非常强大，可搜索类、资源、配置项、方法等，还能搜索路径。Ctrl+F是在本页查找，Ctrl+Shift+F是全局查找。Ctrl+N按名字搜索类 / Ctrl+Shift+N按文件名搜索文件。Ctrl+F / Ctrl+Shift+F按照文本的内容查找；Shift+Shift搜索任何东西。