https://www.ishiguang.cn/tag/%E5%88%86%E4%BA%AB/ https://www.ishiguang.cn/22136.html 2025-12-01T17:33:31+08:00 excel小技巧多列内容快速整理成一列汇总报销文字竖向名称整理工资表填充筛选合并表格 https://www.ishiguang.cn/22127.html 2025-12-01T16:40:00+08:00 excel数据透视和vlookupexcel数据透视: 先框选-插入-数据透视vlookup： =vlookup(选择查询的数据依据，数据范围F4锁定，数据位置列，0或者false) https://www.ishiguang.cn/21844.html 2025-09-17T15:07:15+08:00 螺旋矩阵解法实现以下矩阵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; } } https://www.ishiguang.cn/21842.html 2025-09-16T23:34:00+08:00 代码编辑软件推荐1. Notepad++Windows平台专用 轻量级，启动快速 丰富的插件生态系统 多种语言语法高亮 文件比较功能2. Notepad--跨平台支持 国产自主开发 内置代码对比功能 支持UOS/Linux系统 轻量级设计3. Notepad3极致轻量级 启动速度极快 内存占用极低 基于Scintilla引擎 简洁直观界面4. VS Code跨平台支持 强大的扩展生态 集成开发环境 内置Git支持 资源占用较高下载地址：https://pan.quark.cn/s/231b2c227004?pwd=s9WW https://www.ishiguang.cn/21836.html 2025-09-16T08:50:34+08:00 phpstudy运行PHP网站出现404、500解决方法问题：phpstudy运行PHP网站时候，首页没有问题出现404、500、或者出现权限不足最开始的时候我以为是文件权限不足后来看到别人的解决方法才解决，解决方法如下第一步第二步在这个位置加入这段代码#autoindex on; if (!-e $request_filename) { rewrite ^(.*)$ /index.php?s=/$1 last; break; } 然后修改完成保存文件，并重启一下网站即可解决。 https://www.ishiguang.cn/18708.html 2023-06-26T14:33:00+08:00 文章包含隐藏内容，请进入文章内页查看~ https://www.ishiguang.cn/18625.html 2023-05-07T10:49:20+08:00 填写地址的输入框如果域名带有http://和https://以及结尾带/都替换成空你可以在输入框失去焦点或提交表单时触发函数，在函数中检查输入框的值，然后应用相应的转换。以下是一个示例函数：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() 方法将匹配到的内容替换为空，并将修改后的值更新到输入框。 https://www.ishiguang.cn/18615.html 2023-05-05T15:36:11+08:00 CSS本身没有限制指定数量字符的属性，但可配合JavaScript实现。以下是一个使用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 类名进行定制化样式。 https://www.ishiguang.cn/18614.html 2023-05-05T07:52:03+08:00 以下是一个基本的瀑布流布局的 CSS 样式：.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 插件来实现兼容。 https://www.ishiguang.cn/18611.html 2023-05-03T15:35:05+08:00 HTML5鼠标跟随星星光标特效<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