摘要: 最近翻到 ElementUI 的日期组件源码,看到一些处理日期的工具方法,挺有意思,平常没有注意到,特此记录下来。 ### 获取当前日期的前一天,后一天 ```js export const prevDate = function(date, amount = 1) { return new Dat 阅读全文
posted @ 2023-08-13 18:36 xingba-coder 阅读(436) 评论(0) 推荐(2) 编辑
摘要: 1. > 本文首发于[掘金](https://juejin.cn/post/7264128388288708664),未经许可禁止转载 Vuex4 是 Vue 的状态管理工具,Vuex 和单纯的全局对象有以下两点不同: 1. Vuex 的状态存储是响应式的 2. 不能直接改变 store 中的状态。 阅读全文
posted @ 2023-08-08 22:48 xingba-coder 阅读(425) 评论(5) 推荐(0) 编辑
摘要: 文章翻译自:Tauri VS. Electron - Real world application 以下是正文: 在这篇文章中我将会用真实的项目来比较 Electron 和 Tauri: Authme。Authme 是一个跨平台使用双因素验证的桌面程序。不大也不复杂,很适合作比较。你可以在 GitH 阅读全文
posted @ 2022-08-27 21:04 xingba-coder 阅读(3987) 评论(0) 推荐(0) 编辑
摘要: 工作中常常用到promise,async + await,遇到一些问题需要用到基础知识总会有一部分不记得,就重新温习权威指南和es6标准入门,花了几天肝下了这篇文章。喜欢的同学请动动发财手点个赞,文章有错误的地方还请指出。 例一 new Promise((resolve,reject) =>{ co 阅读全文
posted @ 2022-04-23 18:31 xingba-coder 阅读(307) 评论(0) 推荐(0) 编辑
摘要: v-drag 需求:鼠标拖动元素 思路: 元素偏移量 = 鼠标滑动后的坐标 - 鼠标初始点击元素时的坐标 + 初始点击时元素距离可视区域的top、left 将可视区域作为边界,限制在可视区域里面拖拽 代码: Vue.directive('drag', { inserted(el) { let hea 阅读全文
posted @ 2021-12-14 18:05 xingba-coder 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 受竖向滚动条滑动影响,当滚动条滑动到设置的位置时;再次往下滚动期望html中某个元素可以像粘在屏幕上一样,位置不随滚动条的滑动而变动。 效果如下: 实现过程有一些特别要注意的事项,我没有直接贴最终代码,而是一步步来做,记录错误过程和现象: 首先准备好多个元素,这里准备了大概36个div,里面内容都是 阅读全文
posted @ 2021-12-07 08:51 xingba-coder 阅读(1287) 评论(0) 推荐(0) 编辑
摘要: 问题:输入框中敲键盘输入时无显示 解决方法一:检查v-model绑定的变量是否正确声明在了data中,如输入框绑定的是 form.value,那么data中就需要有 form:{ value:'' }, 解决方法二:不用方法一的情况下,用 this.$forceUpdate()也能实现 阅读全文
posted @ 2021-09-17 10:29 xingba-coder 阅读(815) 评论(0) 推荐(0) 编辑
摘要: window.print() print() 方法用于打印当前窗口的内容。谷歌调用 print() 方法会产生一个打印预览弹框,让用户可以设置打印请求。 但谷歌貌似不能自定义设置页眉页脚的文字;ie和火狐可以,如下所示 火狐:菜单-->打印 ie:文件-->打印预览,样子和上面差不多 使用或编辑打印 阅读全文
posted @ 2021-09-13 15:27 xingba-coder 阅读(8046) 评论(0) 推荐(0) 编辑
摘要: 表格添加属性 :row-key="getRowKeys" getRowKeys(row){ return row.userId // 标识符 } 在type为selection的表格列添加属性 :reserve-selection="true" 阅读全文
posted @ 2021-09-04 14:59 xingba-coder 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 效果: 步骤: 1、标签上添加要过滤的源数组 <el-table-column label="标签" :filters="filterList" filter-placement="bottom-end" > // 表格列 columnList: [ { show: true, prop: "dat 阅读全文
posted @ 2021-09-04 14:58 xingba-coder 阅读(2471) 评论(0) 推荐(0) 编辑