多列内容快速整理成一列

汇总报销

文字竖向

名称整理

工资表

填充

筛选

合并表格

excel数据透视:
先框选-插入-数据透视
vlookup：
=vlookup(选择查询的数据依据，数据范围F4锁定，数据位置列，0或者false)

实现以下矩阵

C#解法：

public class Solution {
    public IList<int> SpiralOrder(int[][] matrix) {
        var result = new List<int>();
        if (matrix == null || matrix.Length == 0 || matrix[0].Length == 0)
            return result;

        int top = 0, bottom = matrix.Length - 1;
        int left = 0, right = matrix[0].Length - 1;

        while (top <= bottom && left <= right) {
            for (int i = left; i <= right; i++) result.Add(matrix[top][i]);
            top++;

            for (int i = top; i <= bottom; i++) result.Add(matrix[i][right]);
            right--;

            if (top <= bottom) {
                for (int i = right; i >= left; i--) result.Add(matrix[bottom][i]);
                bottom--;
            }

            if (left <= right) {
                for (int i = bottom; i >= top; i--) result.Add(matrix[i][left]);
                left++;
            }
        }
        return result;
    }
}

1. Notepad++

Windows平台专用 轻量级，启动快速 丰富的插件生态系统 多种语言语法高亮 文件比较功能

2. Notepad--

跨平台支持 国产自主开发 内置代码对比功能 支持UOS/Linux系统 轻量级设计

3. Notepad3

极致轻量级 启动速度极快 内存占用极低 基于Scintilla引擎 简洁直观界面

4. VS Code

跨平台支持 强大的扩展生态 集成开发环境 内置Git支持 资源占用较高

下载地址：
https://pan.quark.cn/s/231b2c227004?pwd=s9WW

最开始的时候我以为是文件权限不足后来看到别人的解决方法才解决，解决方法如下

第一步

第二步在这个位置加入这段代码

#autoindex on;
  if (!-e $request_filename) {
    rewrite ^(.*)$ /index.php?s=/$1 last;
    break;
  }  

然后修改完成保存文件，并重启一下网站即可解决。

你可以在输入框失去焦点或提交表单时触发函数，在函数中检查输入框的值，然后应用相应的转换。以下是一个示例函数：

function cleanInput() {
  var input = document.getElementById("input-box");
  var value = input.value.trim();

  // 如果值以 http:// 或 https:// 开头，或以 / 结尾，则替换为空
  if (
    value.startsWith("http://") ||
    value.startsWith("https://") ||
    value.endsWith("/")
  ) {
    value = value.replace(/^https?:\/\/|\/$/g, "");
  }

  // 将修改后的值更新到输入框
  input.value = value;
}

这个函数首先获取输入框的值，并使用 trim() 方法删除首尾空格。然后，它使用正则表达式检查值是否以 http:// 或 https:// 开头，或者是否以 / 结尾。如果检测到这样的情况，就使用 replace() 方法将匹配到的内容替换为空。

最后，函数将修改后的值更新到输入框。你可以将此函数绑定到输入框的 onblur 或表单的 onsubmit 事件，以便在合适的时候自动进行转换。

或者用下面的JS处理

<input id="url-input" type="text" placeholder="Enter URL...">
<input  type="text" placeholder="456">
<script>
   var urlInput = document.getElementById("url-input");

urlInput.addEventListener("blur", function () {
  var url = urlInput.value.trim();

  // 如果值以 http:// 或 https:// 开头，或以 / 结尾，则替换为空
  if (
    url.startsWith("http://") ||
    url.startsWith("https://") ||
    url.endsWith("/")
  ) {
    url = url.replace(/^(https?:\/\/)|\/$/g, "");
    urlInput.value = url;
  }
});

</script>

这段代码使用 addEventListener() 方法为输入框的 blur 事件添加了一个监听器。当输入框失去焦点时，就会触发这个监听器，并执行处理 URL 的代码。

这个代码与之前的示例类似。它首先获取输入框的值并使用 trim() 方法删除首尾空格。然后，它使用正则表达式检查值是否以 http:// 或 https:// 开头，或者是否以 / 结尾。如果检测到这样的情况，就使用 replace() 方法将匹配到的内容替换为空，并将修改后的值更新到输入框。

以下是一个使用CSS和JavaScript来限制指定数量字符的示例：

<p class="limit-text" data-limit="50">这里是需要限制字符长度的文本</p>

.limit-text {
  white-space: nowrap;
  overflow: hidden;
}

.limit-text::after{
    content: "..."; /* 添加省略号 */
}

// 获取所有需要限制字符长度的元素
const limitTexts = document.querySelectorAll('.limit-text');

// 遍历每个需要限制字符长度的元素
limitTexts.forEach(function(el) {
    const limit = el.getAttribute('data-limit'); // 从元素 data-limit 属性获取字符长度限制
    const text = el.textContent; // 获取元素的文本内容

    // 如果文本内容超过了限制
    if (text.length > limit) {
        el.textContent = text.substr(0, limit); // 截取前 n 个字符
        el.classList.add('has-ellipsis'); // 添加 ellipsis 样式类名
    }
});

以上代码中，首先我们定义了一个类名为 .limit-text 的元素，该元素将在 CSS 样式中设置 white-space: nowrap 和 overflow: hidden 属性，以防止文本换行和溢出。同时，在 ::after 伪元素中添加省略号来表示被截断的文本部分。

然后，使用 JavaScript 代码来获取所有含有 .limit-text 类名的元素，并遍历每个元素，从 data-limit 属性获取文字最大长度 limit，并获取元素的文本 text，如果文本超过指定的长度限制，则进行字符串截取，并在元素中添加 has-ellipsis 样式类名，使得省略号可见。

最后，可以使用其他的 CSS 样式来对 .has-ellipsis 类名进行定制化样式。

.masonry {
    column-count: 3; /* 列数 */
    column-gap: 20px; /* 列之间的间距 */
}

.masonry .item {
    margin-bottom: 20px; /* 元素之间的垂直间距 */
    display: inline-block;
    width: 100%;
}

/* 根据实际图片大小调整瀑布流元素的高度 */
.masonry .item img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .masonry {
        column-count: 2;
    }
}

以上 CSS 样式将元素放置在多列中，可以自动布局，使得整个布局更加美观。其中 column-count 属性设置列数，column-gap 属性设置列之间的间距。另外，通过 @media 样式实现在小屏幕下响应式布局，将列数适当调整。

在 HTML 中，可以将元素以 .item 的类名包裹，然后将所有的 .item 放在 .masonry 容器中，如下所示：

<div class="masonry">
  <div class="item">
    <img src="image1.jpg" alt="">
    <p>这里是图片描述</p>
  </div>
  <div class="item">
    <img src="image2.jpg" alt="">
    <p>这里是图片描述</p>
  </div>
  <!-- 其他元素... -->
</div>

请注意，瀑布流布局对浏览器的支持不够全面，可能需要使用浏览器前缀或 JavaScript 插件来实现兼容。

<style>.stage {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;pointer-events: none}</style>
<div style="background:#900;">
<canvas id="stage1" class="stage"></canvas>


<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/canvas.js"></script>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> 
</div>

</div>

xingxing-20230503033445.zip