<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Dorcas_FE的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Dorcas_FE</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Dorcas_FE]]></copyright><item><title><![CDATA[【tips】定时接口轮询需要考虑接口耗时]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/162972685</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/162972685</guid><author>Dorcas_FE</author><pubDate>Fri, 17 Jul 2026 16:35:52 +0800</pubDate><description><![CDATA[选timeout还是interval]]></description><category></category></item><item><title><![CDATA[【tips】调整ElMessageBox.confirm宽度]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/157219223</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/157219223</guid><author>Dorcas_FE</author><pubDate>Wed, 21 Jan 2026 17:21:33 +0800</pubDate><description><![CDATA[customStyle设置宽不起作用，必须使用。]]></description><category></category></item><item><title><![CDATA[【tips】100vh]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/156602037</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/156602037</guid><author>Dorcas_FE</author><pubDate>Mon, 05 Jan 2026 14:04:49 +0800</pubDate><description><![CDATA[移动端和PC端的100vh存在差异，PC端100vh等于window.innerHeight，而移动端100vh会包含底部导航栏高度]]></description><category></category></item><item><title><![CDATA[【tips】useRoute|useRouter]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/156232442</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/156232442</guid><author>Dorcas_FE</author><pubDate>Wed, 24 Dec 2025 14:10:31 +0800</pubDate><description><![CDATA[获取属性用 route，跳转操作用 router]]></description><category></category></item><item><title><![CDATA[【tips】ruoyi-vue页面缓存结合菜单配置+defineOptions]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/156225384</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/156225384</guid><author>Dorcas_FE</author><pubDate>Wed, 24 Dec 2025 11:19:20 +0800</pubDate><description><![CDATA[进入其他页面，通过菜单标签页面，返回刚才的列表页面，页面重新onmonted，查询结果重置了。这里的路由名称没有写，但是getRouters中的name还是返回了（应该是自动改成了path的首字母大写?但getRouters中的name是首字母大写，所以cachedViews中储存的也是首字母大写。结论：keepalive+菜单配置：路由名称+页面：defineOptions({在要缓存的.vue页面增加defineOptions，这里要特别注意。问题：当前页面查询列表后，菜单配置：已配置缓存。]]></description><category></category></item><item><title><![CDATA[【tips】el-table 重置排序时]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/156005412</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/156005412</guid><author>Dorcas_FE</author><pubDate>Wed, 17 Dec 2025 10:55:12 +0800</pubDate><description><![CDATA[有个注意点，如果sortable 是动态的，可能.sort会有其他问题。所以最好是页面展示排序，但是在handleSortChange做禁止排序功能。]]></description><category></category></item><item><title><![CDATA[【tips】elementplus日期时间选择器注意HH:mm:ss 和hh:mm:ss]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155342578</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155342578</guid><author>Dorcas_FE</author><pubDate>Fri, 28 Nov 2025 09:48:42 +0800</pubDate><description><![CDATA[format和value-format自定义显示格式和传值格式，支持12/24小时制切换（hh/HH）]]></description><category></category></item><item><title><![CDATA[【tips】ruoyi-vue字典展示]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155260674</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155260674</guid><author>Dorcas_FE</author><pubDate>Wed, 26 Nov 2025 09:16:47 +0800</pubDate><description><![CDATA[场景：页面加载需要根据字典内容结合接口数据重新封装展示。]]></description><category></category></item><item><title><![CDATA[【tips】input的onblur需要触发事件，但是取消按钮不需要执行input的onblur]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155224604</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155224604</guid><author>Dorcas_FE</author><pubDate>Tue, 25 Nov 2025 10:56:12 +0800</pubDate><description><![CDATA[input失去焦点时触发校验，若校验失败会显示错误提示，但点击取消按钮时会导致校验和关闭同时执行，出现错误提示与页面关闭冲突]]></description><category></category></item><item><title><![CDATA[【tips】动态el-form-item中校验的注意点]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155226917</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155226917</guid><author>Dorcas_FE</author><pubDate>Tue, 25 Nov 2025 10:34:55 +0800</pubDate><description><![CDATA[el-table中实现动态输入框必填校验的方法]]></description><category></category></item><item><title><![CDATA[【tips】echarts报错Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘)]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155063503</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155063503</guid><author>Dorcas_FE</author><pubDate>Thu, 20 Nov 2025 13:30:40 +0800</pubDate><description><![CDATA[echarts.init()赋值实例shallowRef]]></description><category></category></item><item><title><![CDATA[【tips】Echarts开发vscode插件]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155053409</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/155053409</guid><author>Dorcas_FE</author><pubDate>Thu, 20 Nov 2025 09:23:18 +0800</pubDate><description><![CDATA[ECharts开发]]></description><category></category></item><item><title><![CDATA[【tips】常用不同状态小圆点样式css]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/154535836</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/154535836</guid><author>Dorcas_FE</author><pubDate>Fri, 07 Nov 2025 16:41:39 +0800</pubDate><description><![CDATA[css两种实现表格状态列小圆点样式]]></description><category></category></item><item><title><![CDATA[【tips】项目中 package.json的 “type“对于文件的导入导出的区别]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/154480043</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/154480043</guid><author>Dorcas_FE</author><pubDate>Thu, 06 Nov 2025 11:00:39 +0800</pubDate><description><![CDATA[Node.js模块系统支持ESM和CJS两种规范，通过package.json的&quot;type&quot;字段（module/commonjs）和文件扩展名（.js/.mjs/.cjs）确定模块类型。ESM使用import/export语法，CJS使用require/module.exports。混用时需注意：ESM可导入CJS但会转为默认导出，CJS只能用动态import()加载ESM。不同扩展名明确区分模块类型，开发时应注意对应语法规范。]]></description><category></category></item><item><title><![CDATA[【tips】vscode查看代码重复率jscpd]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/153971069</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/153971069</guid><author>Dorcas_FE</author><pubDate>Mon, 27 Oct 2025 15:28:54 +0800</pubDate><description><![CDATA[jscpd]]></description><category></category></item><item><title><![CDATA[【tips】el-row使用gutter时，父元素增加相同padding 值]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/153732841</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/153732841</guid><author>Dorcas_FE</author><pubDate>Wed, 22 Oct 2025 14:28:51 +0800</pubDate><description><![CDATA[父元素添加与gutter（间距）值相同的padding可避免出现滚动条]]></description><category></category></item><item><title><![CDATA[【Vue】Transition组件下页面首次加载正常跳转后所有页面空白]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/153325861</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/153325861</guid><author>Dorcas_FE</author><pubDate>Wed, 15 Oct 2025 14:35:05 +0800</pubDate><description><![CDATA[我们的很多页面都是固定的样式，上面有个搜索栏，中间是table，底部是分页。所以我就想封装一个页面组件，但是后来发现，当前页面如果是包裹的组件，只要发生跳转其他页面，所有页面都会变成空白。因为原来的页面，template模板下是多个根元素（vue3是支持的）但是transition不支持多个根元素，所以我就把它注释了，，页面能展示，但是没有动画效果，而且transition每次都是一个新的实例，并且跳转后它的监听事件都不会触发。然后就出现了在任何error和warn的信息情况下，跳转页面空白的问题。]]></description><category></category></item><item><title><![CDATA[【element-plus】el-table 过长固定表头设置max-height注意点]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/153324030</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/153324030</guid><author>Dorcas_FE</author><pubDate>Wed, 15 Oct 2025 13:53:04 +0800</pubDate><description><![CDATA[固定表头滚动效果注意点]]></description><category></category></item><item><title><![CDATA[【sonar检查前端代码】常出现问题NOSONAR]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/153195261</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/153195261</guid><author>Dorcas_FE</author><pubDate>Mon, 13 Oct 2025 14:39:49 +0800</pubDate><description><![CDATA[NOSONAR注释]]></description><category></category></item><item><title><![CDATA[【tips】el-input-number 数字输入框初始值超出限制值后，v-model的问题]]></title><link>https://blog.youkuaiyun.com/Dorcas_FE/article/details/151614429</link><guid>https://blog.youkuaiyun.com/Dorcas_FE/article/details/151614429</guid><author>Dorcas_FE</author><pubDate>Fri, 12 Sep 2025 11:44:18 +0800</pubDate><description><![CDATA[el-input-number组件在v-model绑定值超过max限制时的异常行为]]></description><category></category></item></channel></rss>