JavaScript
一只敲码的猫~
初级选手
展开
-
vue 文件下载支持 .jpg .jpeg .png .pdf .ofd .doc .docx .ppt .csv .pptx .txt .xlsx .xls .rar .zip
支持大部分下下载功能原创 2024-04-26 11:23:30 · 159 阅读 · 0 评论 -
Cesium绘制地图优秀案例
因为Cesium入门级太高,相关案例介绍也是少之又少,很多小码农们根本看不懂。所以在这里给大家介绍一款非常nice的案例平台 Mars3D。Mars3D真的是非常简单咯,有案例展示,有源码开源。在这里感谢火星科技。原创 2022-11-29 15:15:22 · 626 阅读 · 0 评论 -
动态事件绑定方法
动态事件绑定方法原创 2022-11-29 08:16:48 · 291 阅读 · 0 评论 -
vue request底层封装
vue request底层封装原创 2022-11-28 15:51:27 · 891 阅读 · 0 评论 -
日期格式化
日期格式化原创 2022-11-28 15:01:12 · 86 阅读 · 0 评论 -
vue3的双向绑定 v-model实现原理和案例
vue3的双向绑定 v-model实现原理和案例原创 2022-11-28 14:50:18 · 1096 阅读 · 0 评论 -
vue3 事件 emit 使用
vue3 事件 emit 使用原创 2022-11-28 14:47:48 · 3893 阅读 · 0 评论 -
vue3 参数传递 props
vue3 参数传递 props原创 2022-11-28 14:45:49 · 1446 阅读 · 0 评论 -
vue3调用子组件的方法
vue3调用子组件的方法原创 2022-11-28 14:44:10 · 419 阅读 · 0 评论 -
全局的Pinia调用
全局的Pinia调用原创 2022-11-28 14:41:33 · 742 阅读 · 0 评论 -
pinia 基础
pinia 基础原创 2022-11-28 14:39:58 · 134 阅读 · 0 评论 -
vue3 组合式函数 Composition API
组合式函数 Composition API原创 2022-11-28 14:37:13 · 96 阅读 · 0 评论 -
vue3 依赖注入 provide/inject
vue3 依赖注入 provide/inject原创 2022-11-28 14:34:52 · 733 阅读 · 0 评论 -
anime 数字跳动效果
anime 数字跳动效果原创 2022-11-25 09:24:28 · 156 阅读 · 0 评论 -
anime时间轴控制
anime 简单使用方法原创 2022-11-25 09:23:51 · 137 阅读 · 0 评论 -
anime 动态线
anime 的使用原创 2022-11-25 09:22:47 · 335 阅读 · 0 评论 -
echarts优秀使用案例
echarts优秀使用案例原创 2022-11-25 09:21:34 · 685 阅读 · 0 评论 -
经纬度转换度分秒
【代码】经纬度转换度分秒。原创 2022-10-26 11:27:05 · 662 阅读 · 0 评论 -
vue 对象数组去重
【代码】vue 对象数组去重。原创 2022-09-17 09:03:25 · 212 阅读 · 0 评论 -
vue 图片下载
【代码】vue 图片下载。原创 2022-08-26 16:44:45 · 525 阅读 · 0 评论 -
vue3 封装 naive input 组件
vue3封装naive input组件。原创 2022-07-29 11:00:53 · 1195 阅读 · 0 评论 -
前端处理运算 向上取整 向下取整 四舍五入 四舍五入(自定义取小数后几位)
代码】前端处理运算向上取整向下取整四舍五入四舍五入(自定义取小数后几位)原创 2022-07-25 14:42:10 · 1146 阅读 · 0 评论 -
requestAnimationFrame 兼容谷歌 火狐
requestAnimationFrame 兼容谷歌 火狐原创 2022-07-19 13:26:49 · 304 阅读 · 0 评论 -
css 绘制条纹背景色
css绘制条纹背景色原创 2022-07-14 17:12:50 · 499 阅读 · 0 评论 -
URL的转码与解码,地址栏参数乱码
地址栏获取一个参数,参数是中文的,当我接收这个参数的时候,中文参数乱码了,这时候我们需要用decodeURIComponent 函数解码;encodeURIComponent 和 decodeURIComponent 函数直接用就行。没有方法体;原创 2022-07-14 10:46:42 · 626 阅读 · 0 评论 -
最简洁的矩阵图 方块图表 无点击事件 下转事件
echarts 官网地址原创 2022-06-16 17:49:00 · 186 阅读 · 0 评论 -
echarts 饼图 中间定位
echarts官网地址原创 2022-06-16 17:45:36 · 840 阅读 · 0 评论 -
vue3 路由跳转携带参数 query 或 params
发import { useRouter, onBeforeRouteUpdate } from 'vue-router' router.push({ name: 'files', params: { code: '1234' } })收import { useRoute } from "vue-router";const route = useRoute();const getParams原创 2022-05-31 09:25:55 · 599 阅读 · 0 评论 -
循环请求接口,循环下载word文件
async exportToWord() { let arr = this.list if (arr.length > 0) { for (let i = 0; i < arr.length; i++) { let element = arr[i] let url = await this.WordAPI(element) if (url) { await this....原创 2022-05-25 17:05:24 · 156 阅读 · 0 评论 -
前端用vue怎么接收并导出文件
window.location.href = “excel地址”如果是 get 请求,那直接换成 window.open(url) 就行了创建一个隐藏的 iframe,把 iframe 的 src 指向这个 url,就可以下载了生明方法 downloadFilemodule.exports = (url = ``) => { try { const elemIF = document.createElement(`iframe`); elemIF..转载 2022-05-25 17:01:22 · 337 阅读 · 0 评论 -
前端开发 常用方法
字符串替换"1231231.2".chkItemPath.replaceAll("\.", '#')// 1231231#2原创 2022-04-15 11:21:25 · 67 阅读 · 0 评论 -
vue json排序
sortBykey(ary, key) { return ary.sort(function (a, b) { let x = a[key] let y = b[key] return ((x < y) ? -1 : (x > y) ? 1 : 0) })}原创 2022-03-17 10:15:39 · 1353 阅读 · 0 评论 -
html vue css 文字可不复制或者不可鼠标选中
*{ -moz-user-select:none;/*火狐*/ -moz-user-select: -moz-none; -o-user-select: none; -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:none;/*早期浏览器*/ user-select:none;}原创 2022-01-15 11:22:46 · 378 阅读 · 0 评论 -
vue 批量下载word 文件 循环调用接口 同步
async ExportWord(array) { for (let i = 0; i < array.length; i++) { const element = array[i]; let url = await this.getExportWord(element.id); await this.getdownlink(url); } }, getExportWord(code) { return new Promise(reso原创 2021-12-30 20:01:54 · 643 阅读 · 0 评论 -
ivew form 表单验证自定义添加的字段 输入框只能是数字小数
<FormItem class="table-input" :rules="Rules" :prop="`List[${index}].name`"> <Input size="small" :disabled="disabledAll" @input="FreqInput(tableData.List[index].name,index,'List','name',false)" v-model="tableData.List[index].name"></Input>原创 2021-12-30 19:58:27 · 913 阅读 · 0 评论 -
获取html div元素的位置 vue js tootip
//获取元素的纵坐标(相对于窗口)function getTop(e) { console.log(e); // var offset = e.offsetTop - e.scrollTop; // if (e.offsetParent != null) offset += getTop(e.offsetParent); let Y = e.getBoundingClientRect().top + 75; return Y;}//获取元素的横坐标(相对于窗口)原创 2021-12-10 16:12:44 · 1437 阅读 · 0 评论 -
ofd文件下载 ofd导出或者下载是空白页已经解决
满足该方法的条件:请求方式get,返回的是文件流。downOFD(id) { const IFRAME = document.createElement("iframe"); IFRAME.style.display = "none"; IFRAME.style.height = 0; // src 就是请求服务地址自行修改。 IFRAME.src = `http://192.168.xx.xxx:8080/api/getpdf?id=${id}`; document.body.append原创 2021-12-03 12:28:44 · 2291 阅读 · 0 评论 -
vue 将上传文件改成字节。文件下载方法封装
将文件改成字节 // file是文件,将文件转换成字节 upLoadFile(file) { return new Promise((reslove, reject) => { const READ = new FileReader(); READ.readAsArrayBuffer(file); READ.onloadend = (e) => { let fileArray; if (e.target.re.原创 2021-10-28 19:08:13 · 945 阅读 · 0 评论 -
vue txt 文件下载
let json={ name:'小明', age:24, }, let strData = JSON.stringify(json); const T_URL = window.URL.createObjectURL(new Blob([strData])); const LINK = document.createElement('a'); LINK.href = T_URL; LINK.setAttribute('download', '用户信息'); LINK.click().原创 2021-10-28 14:08:09 · 601 阅读 · 2 评论 -
vue数据嵌套层数未知情况下,我们怎样渲染,已经解决。
后端返回的数据是树的结构,这个结构嵌套的层数不一定多少层数。咱们本文章里的内容和element,iview等里面的tree组件一样的。element,iview等里面的tree组件扩展性不好,不如自己写一个。来满足自己需求。代码难度等级:★★★☆☆(三颗星)代码介绍:封装了两个组件,一个父组件simplTree.vue,一个子组件simplTreeChild.vue,在使用的时候我们直接调用父组件<simplTree :data="treeData" ref="simplTree" :cl原创 2021-10-15 13:33:24 · 953 阅读 · 2 评论