<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Future1994的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Future1994</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Future1994]]></copyright><item><title><![CDATA[前端 js 根据秒数，显示还剩的天数、小时、分钟数]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/155778918</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/155778918</guid><author>Future1994</author><pubDate>Wed, 10 Dec 2025 13:09:54 +0800</pubDate><description><![CDATA[该代码定义了一个格式化超时时间的函数，将秒数转换为更易读的天、小时和分钟格式。当输入秒数小于60秒时返回&quot;--&quot;不做统计。对于有效输入，先计算完整天数，再计算剩余小时和分钟数，最后拼接成&quot;X天X小时X分钟&quot;的字符串返回。函数处理了边界情况，确保输出结果清晰易读。]]></description><category></category></item><item><title><![CDATA[ag-grid-angular 导出excel功能，设置数字为字符串类型，防止被科学计数法调整或者0开头的数字无法展示的问题]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/155527609</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/155527609</guid><author>Future1994</author><pubDate>Wed, 03 Dec 2025 12:29:23 +0800</pubDate><description><![CDATA[摘要：本文介绍在ag-grid中导出Excel时防止数字被转为科学计数法的方法。通过定义excelStyles中的文本格式样式（dataType:'string'），并在columnDefs中设置对应的cellClass，可以强制将列数据以文本格式导出。同时使用processCellCallback确保所有值转换为字符串，有效保留长数字和0开头的数据格式。该方法在ag-grid-angular 22.1.1等老版本中也适用。]]></description><category></category></item><item><title><![CDATA[ag-grid-angular 滚动条初始化问题]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/149178663</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/149178663</guid><author>Future1994</author><pubDate>Mon, 07 Jul 2025 18:14:36 +0800</pubDate><description><![CDATA[sizeColumnsToFit 很重要，不然在初始化页面的时候，很可能宽度不会自适应匹配，甚至出现宽度不超过页面总宽度，并且没有数据的情况下，还是出现了横向滚动条。，都很必要，这有点类似于重新布局table，让他显示的更加正常和优化。上面几个生命周期内使用sizeColumnsToFit。]]></description><category></category></item><item><title><![CDATA[page-break-inside 打印分页属性]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/145590017</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/145590017</guid><author>Future1994</author><pubDate>Wed, 12 Feb 2025 13:04:35 +0800</pubDate><description><![CDATA[是一个 CSS 属性，用于控制打印文档中元素的分页行为。它主要影响页面内容在打印时的分页表现，尤其是在长文档或复杂布局中，帮助确保元素不会在页面中间被切断。]]></description><category></category></item><item><title><![CDATA[js 中文拼音排序]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/145554743</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/145554743</guid><author>Future1994</author><pubDate>Mon, 10 Feb 2025 17:34:54 +0800</pubDate><description><![CDATA[是JavaScript中的一个字符串方法，用于比较两个字符串并根据本地化的排序规则返回一个数字来表示它们的相对顺序。在处理中文排序时，方法非常有用，因为它能够按照中文的拼音顺序进行排序，而不是简单地按照字符的Unicode编码顺序。以下是。]]></description><category></category></item><item><title><![CDATA[select2 和输入法冲突问题]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/144260496</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/144260496</guid><author>Future1994</author><pubDate>Thu, 05 Dec 2024 11:24:24 +0800</pubDate><description><![CDATA[select2插件使用中遇到的一些问题 - 哔哩哔哩]]></description><category></category></item><item><title><![CDATA[Angular 监听某个变量的变化]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/144139902</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/144139902</guid><author>Future1994</author><pubDate>Fri, 29 Nov 2024 16:06:35 +0800</pubDate><description><![CDATA[【代码】Angular 监听某个变量的变化。]]></description><category></category></item><item><title><![CDATA[为什么 给angular 中的自定义组件 设置样式flex:1 其高度就会超出]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/142872983</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/142872983</guid><author>Future1994</author><pubDate>Sat, 12 Oct 2024 11:09:01 +0800</pubDate><description><![CDATA[这意味着子元素会保持其自身的高度，而不是适应父元素的高度。这导致子元素的高度可能会超过父元素，从而产生高度超出的问题‌1。，子元素会尝试填充父元素的剩余空间。如果子元素的高度不固定，它可能会超出父元素的高度，导致滚动条无法正确显示。来解决问题，这样可以确保子元素不会因为默认的min-height行为而撑大父元素‌12。‌ 当父元素使用flex布局且设置了。也可以帮助保持子项的原始高度‌3。‌ Flex布局默认。]]></description><category></category></item><item><title><![CDATA[数字自动转换为千分位需要的格式 js]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/141194761</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/141194761</guid><author>Future1994</author><pubDate>Wed, 14 Aug 2024 16:40:21 +0800</pubDate><description><![CDATA[【代码】数字自动转换为千分位需要的格式 js。]]></description><category></category></item><item><title><![CDATA[流程图插件]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/140544848</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/140544848</guid><author>Future1994</author><pubDate>Fri, 19 Jul 2024 11:35:46 +0800</pubDate><description><![CDATA[可以集成到webapp，不过需要自己计算位置的插件。jsplumb 中文教程。]]></description><category></category></item><item><title><![CDATA[js reduce 的别样用法]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/140528280</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/140528280</guid><author>Future1994</author><pubDate>Thu, 18 Jul 2024 17:48:22 +0800</pubDate><description><![CDATA[注意这里 initialValue 是个空数组，而每次循环后 返回值还是个数组，循环结束之后就相当于对原数组list 做个过滤和相关操作（相加），呢么最后一次循环返回的数组结果就是我们需要的对象数组。尽量少的代码实现了我们想要的效果。之后再用 mergeItem 接受一下最新值，即可实现了我们的逻辑。上面例子中的初始值是个空数组，之后不断地往里面塞入新的元素或者对元素的属性进行相加等，操作，最终相当于过滤并且对数组元素相加的效果，非常实用，代码精简化。reduce 用法 参考。]]></description><category></category></item><item><title><![CDATA[ng-container、‌ng-template 和 ng-content 区别]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/140446517</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/140446517</guid><author>Future1994</author><pubDate>Mon, 15 Jul 2024 18:57:34 +0800</pubDate><description><![CDATA[‌：‌：‌：‌。]]></description><category></category></item><item><title><![CDATA[vue 自定义指令防抖和节流]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/139065876</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/139065876</guid><author>Future1994</author><pubDate>Mon, 20 May 2024 15:10:23 +0800</pubDate><description><![CDATA[要实现防抖（debounce）效果的 Vue 自定义指令，你可以使用闭包来包裹一个定时器，确保在指定的等待时间内多次触发事件时，只有最后一次触发后经过指定时间才会执行回调函数。注意，在实际应用中，你可能需要根据具体的场景和需求来调整防抖逻辑，比如考虑在防抖期间是否允许执行回调，或者是否需要在防抖期间阻止事件的进一步传播等。如果你想要的是防抖（debounce）效果（即，在一段时间内多次触发事件后，只在最后一次触发后的一段时间内执行一次方法），则需要使用不同的逻辑。在这个例子中，我们定义了一个。]]></description><category></category></item><item><title><![CDATA[pre标签实现自动换行]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/135113347</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/135113347</guid><author>Future1994</author><pubDate>Wed, 20 Dec 2023 17:22:21 +0800</pubDate><description><![CDATA[pre自动换行_笔记大全_设计学院]]></description><category></category></item><item><title><![CDATA[CSS height auto 过渡]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/134933159</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/134933159</guid><author>Future1994</author><pubDate>Mon, 11 Dec 2023 18:07:22 +0800</pubDate><description><![CDATA[ps:可能有伙伴会问，呢上面的例子和height:auto有什么关系，需要注意。height的默认值就是auto;]]></description><category></category></item><item><title><![CDATA[uniapp遮罩层禁止下面页面上下滑动]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/134580259</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/134580259</guid><author>Future1994</author><pubDate>Thu, 23 Nov 2023 16:15:12 +0800</pubDate><description><![CDATA[uniapp遮罩层禁止下面页面上下滑动 · 智慧技巧]]></description><category></category></item><item><title><![CDATA[VUE transition实现展开/收起高度不确定的元素 - 简书]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/134334757</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/134334757</guid><author>Future1994</author><pubDate>Fri, 10 Nov 2023 15:43:00 +0800</pubDate><description><![CDATA[亲测，有效。]]></description><category></category></item><item><title><![CDATA[vue2 按钮权限控制组件 Authority]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/133676918</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/133676918</guid><author>Future1994</author><pubDate>Sun, 08 Oct 2023 12:21:29 +0800</pubDate><description><![CDATA[通过这种方式，你可以灵活地根据具体情况来进行组合和使用，来实现更丰富的权限控制逻辑。，表示只有管理员可以看到插槽中的内容，因此按钮会被显示。属性根据传入的角色和权限数据决定是否显示插槽内容。注意：核心思想是使用插槽的方式，控制显示隐藏。这里使用了插槽来显示具有权限的内容。这里展示了三个使用场景，其中第一个。权限时，才能看到插槽中的内容。，表示是普通用户，但是在拥有。第一步，创建一个名为。]]></description><category></category></item><item><title><![CDATA[js 下载流文件 显示loading]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/132414059</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/132414059</guid><author>Future1994</author><pubDate>Mon, 21 Aug 2023 18:11:28 +0800</pubDate><description><![CDATA[【代码】js 下载流文件 显示loading。]]></description><category></category></item><item><title><![CDATA[webscoket 封装]]></title><link>https://blog.youkuaiyun.com/Future1994/article/details/121482586</link><guid>https://blog.youkuaiyun.com/Future1994/article/details/121482586</guid><author>Future1994</author><pubDate>Mon, 21 Aug 2023 17:21:25 +0800</pubDate><description><![CDATA[&lt;el-table-column
        header-align="center"
        align="center"
        label="序号"
        width="60"
      &gt;
        &lt;template slot-scope="scope"&gt;
          &lt;span&gt;{{ scope.$index + 1 }}&lt;/span&gt;
      &lt;/template&gt;


]]></description><category></category></item></channel></rss>