vue路由传参隐藏参数问题 发表于 2020-07-05 | 分类于 前端 | 评论数: | 阅读次数: 背景在微前端项目中不同页面切换时,原采用this.$router.push({name:xxx,query:{xxx:xxx})的方式。 跳转时的参数会直接以键值对的形式展示在url上。考虑到安全问题需要将传递参数隐藏。 路由传参方案 使用params方式传参 将路由切换时的传参方式由query修改 ... 阅读全文 »
引入SortableJS实现elementUItable拖动效果 发表于 2020-05-12 | 分类于 前端 | 评论数: | 阅读次数: 背景目前elmenetUI的表格是不支持拖动的,但表格行拖动要求往往比较常见。通过引入sortableJS可以方便的让elementUI组件中的table支持拖动效果。 网上大部分方案如下: SortableJS + 原生table SortableJS + 原生table + elementUI ... 阅读全文 »
js耗时统计方法 发表于 2020-05-11 | 分类于 前端 | 评论数: | 阅读次数: 背景在前端性能排查的时候,需要在js代码中记录时间,并通过console输出耗时情况。 耗时统计方法 开始位置记录时间 1const startTime = new Date().getTime() 结束位置记录输出耗时 1console.log('耗时:' + (new Date().getT ... 阅读全文 »
vue中props命名问题 发表于 2020-05-05 | 分类于 前端 | 评论数: | 阅读次数: 背景在使用vscode+eslint-plugin-vue进行自动化代码风格修正的时候,发现插件自动把’template’部分的props的驼峰命名的变量改成了短横线(kebab-case)命名,而组件声明部分仍然为驼峰(camelCase)形式。 但实际并没有影响组件的正常运行。对这个问题查了下官 ... 阅读全文 »
elementUI官方文档内网部署 发表于 2020-04-23 | 更新于 2020-04-24 | 分类于 node | 评论数: | 阅读次数: 背景为了方便内网查看文档,克隆了一份elementUI的官方文档手册部署到内网,期间也遇到一些问题,记录一下。 内网部署方法 获取官方文档github地址并克隆 在elementUI官网可以很方便的找到饿了么前端的的github地址: https://github.com/ElemeFE/eleme ... 阅读全文 »
vuepress部署样式异常问题 发表于 2020-04-22 | 分类于 node | 评论数: | 阅读次数: 背景为了方便查看eslint-plugin-vue规则,克隆了一份eslint-plugin-vue的git打算再本地部署一下。 该项目使用了vuepress,在package.json中可以看到,使用命令npm run docs:build可以生成打包完成的部署文件。 在.vuepress目录下的 ... 阅读全文 »