官方文档 xlsx.js 官方文档 安装 xlsx.js # yarn yarn add xlsx # npm npm install --save xlsx 演示数据 // 表头 const baseColumns = [ { title: 'Name', key: 'name', }, { title: …

Ray Template 前言 该项目模板采用 vue3.x vite3.2 tsx 进行开发，使用 naive ui 作为组件库。意在提供一个简洁、快速上手的模板。 版本说明 做了一些大的改动升级，让模板更加好用了一点，默认主题色也做了变更更好看了一点。啰嗦两句，好像也没啥其他的了... 功能 主题切换 错误页 动态切换主题、贴花的 EChart…

vue 中动态样式的小技巧 平时开发过程中, 肯定会遇到一些动态样式的处理, 不论是 vue2.x、vue3.x 大家第一反应应该是 :style = [...], 今天给大家介绍一个新的小技巧. 今天仅拿 vue3.x 举例子, 因为 vue2.x 和 vue3.x 没太大区别 话不多说, Let’s right 先看传统写法 <templ…

JS 的一些奇奇怪怪的坑 JS 是一门弱语言, 并且从一开始设计也没想到这玩意儿现在能这么火, 但是历史遗留问题还在哪儿, 只能去默默承受了 我也是一个搬运工, 都是从 stackoverflow 搬运过来, 然后自己做一些个人的理解, 比较菜, 勿喷. 如果有错误, 欢迎留言指出问题 Ray Let's right . 与 = 操作符的优先级 l…

VUE3:shit: vue3 已经发布了快两年了,并且它的出现极大的改变了 vue 传统的写法、解决了 2.0 版本的一些疑难杂症. 3.0 的出现也预示了 vue 未来的发展是会慢慢朝着 hook 改变. 所以, 今天就来简单啰嗦几句吧. VUE3 的优势 纯 hook 设计, 紧追潮流, 朝着 react 奋起直追. 从底层重新设计, 使用新…

VSCode 插件亲测推荐 效率类插件 Auto Close Tag 自动闭合标签, 自动添加 HTML/XML 关闭标记. Auto Import 自动导入, 为所有可用的导入自动查找、解析并提供代码操作和代码完成. 适用于 Typescript 和 TSX. Auto Rename Tag 自动重命名标签, 自动重命名成对的 HTML / XM…

Pinia 使用 随着 Vue3 的逐步推广，状态管理可以利用响应式函数实现简单的 hook 管理全局变量。但是可以考虑使用一个更加简单的方法更高效、有序的管理，那就是 pinia。Vue 官方也将推荐状态管理库由 Vuex 更新为 Pinia 什么是 Pinia Intuitive, type safe and flexible Store fo…

少搬重复砖，多摸鱼 GitHub XiaoDaiGua-Ray/ray-template 解放你的双手，少做重复的事情 集成依赖 pinia vue-router vue3 typescript @vueuse axios vue-i18n sass vite Note 模板采用纯 TypeScript 进行开发 配置了 TSX 插件，但是在实际开…