![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
开发者文档
男孩12
爱工作,爱生活
展开
-
vue2 项目转化为vue3
拿到我们需要转换的项目。原创 2023-07-05 11:29:00 · 473 阅读 · 0 评论 -
vue3 手写甘特图
封装的组件(gantt-chart/index.vue)<template> <div class="ganttChartClass"> <!-- 顶部标题 --> <div class="topTitle"> <div style="position:relative" :style="{ width: leftTitleWidth + 'px' }">原创 2023-07-03 11:36:15 · 1287 阅读 · 0 评论 -
好用的组件地址
画板原创 2023-06-20 09:30:29 · 96 阅读 · 0 评论 -
echarts 画中国地图
数据可视化平台,中国各省数据和坐标阿里云可视化效果使用echart画中国地图,步骤如下1.安装依赖npm i echarts创建一个js文件当你可以访问https请求的时候则使用,如下代码import axios from "axios";export default axios.get("https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json")如果无法请求https接口,则直接导入3。配置option配原创 2023-04-25 14:21:34 · 2838 阅读 · 2 评论 -
jsonp发送请求
1.jsonp发送请求,原理就是去请求别的页面的js脚本文件,那获取页面的数据。2.因为https需要证书,,而我们axios请求时不能携带证书。vue 使用jsonp发送请求,并接收返回回来的结果。1.因为浏览器有同源策略问题。原创 2023-04-13 22:51:55 · 704 阅读 · 0 评论 -
vue使用vue-pdf预览pdf
/关闭窗口初始化PDF页码。原创 2023-04-01 15:48:19 · 313 阅读 · 0 评论 -
antd 框架 select挂载父级元素
用antd组件进行开发,常常会使用select这个组件,但是如果我们突然调整窗口的大小会导致select弹出小框位置发生变化,但需要一个属性。原创 2023-03-12 08:38:40 · 305 阅读 · 0 评论 -
vue导出数据为excel表格及合并单元格
前端vuetable数据以excel表格形式导出,并实现单元格合并原创 2022-08-31 09:28:21 · 1940 阅读 · 0 评论 -
headers请求头‘Content-type‘类型总集
这个是常见的上传视频或文件用到的类型;FormData类型。这个是常见的普通请求头发布的类型,String。这个是接收Json字符串接口使用的请求头。原创 2022-08-28 21:52:08 · 1744 阅读 · 0 评论 -
前端生成图形验证码
前端自动生成图形验证码原创 2022-08-19 16:43:02 · 651 阅读 · 1 评论 -
css3动画库及四方体
好用,记录下原创 2022-07-20 20:43:05 · 259 阅读 · 0 评论 -
前端实习笔记
不是很重要的知识原创 2022-06-27 21:41:55 · 162 阅读 · 0 评论 -
vue方法
方法一: ref方法来获取组件上的实例方法二 : $ parent,$children来分别获取父,子组件的实例方法三: 父子组件传值组件缓存,当我们来回切换的时候,不会重新发送数据给后台,进行页面渲染它可以时属性,也可以是一个标签...原创 2022-06-12 20:41:46 · 80 阅读 · 0 评论 -
富文本框的使用
富文本框原创 2022-06-07 21:46:09 · 1084 阅读 · 0 评论 -
axios拦截器拦截重复请求
万能模板。原创 2022-06-01 21:04:46 · 1324 阅读 · 0 评论 -
axios拦截器
axios拦截器axios拦截器,也称是axios请求的二次封装使用前提是需要npm i axios -saveimport axios from "axios";//请求信息,timeout(表示请求事件,如果操作,此次请求失败)const service = axios.create({ baseURL: "http://xxx:300", timeout: 3000,});//发送请求service.interceptors.request.use((config) =原创 2022-05-29 15:13:20 · 74 阅读 · 0 评论 -
watch监听
watch监听watch监听已存在的数据支持监听异步的方法deep:深度监听<script>data(){ return { from:{ data:" } }},watch:{ 'from.data'(newArr,oldArr){ console.log(newArr,oldArr); }, deep:true//即可监听from对象中的数据}</script>...原创 2022-05-23 22:04:00 · 159 阅读 · 0 评论 -
将图片Base64格式转化为file文件对象
话不多说直接上代码function dataURLtoBlob(dataurl, name) {//base64转file var arr = dataurl.split(','); mime = arr[0].match(/:(.*?);/)[1]; bstr = atob(arr[1]); n = bstr.length; u8arr = new Uint8Array(n); while (n--) {原创 2022-05-18 21:57:38 · 1041 阅读 · 2 评论 -
原生js添加class
原生js添加classclassNameLIst.add给dom元素添加class<div ref="img">ig</div><script> //获取dom节点 let img=document.querySelector('div'); img.classNameList.add("name");</script>原创 2022-05-16 21:24:32 · 3311 阅读 · 2 评论 -
vue动态添加class
动态添加class方式:1.通过v-bind来绑定class,通过对象的方式来定义class<template> <div :class="{h1:bindtop}"> </div></template><script> export { data(){ return { bindtop:true } } }</script>2.通过v-bind绑定class,通过数组的方式定义class原创 2022-05-10 20:27:14 · 3559 阅读 · 0 评论 -
通过输入框导入excel表格,并且解析内容
通过输入框导入excel表格并解析内容前提安装npm i xlsxhtml代码<label for="excel">导入excel</label> <input type="file" hidden id="excel" :accept="['.xml','.xls','.xlsx']" @change="handleChange($event)">导入表格并且解析:js代码块 handleChange(e){ this.file原创 2022-04-24 20:20:35 · 423 阅读 · 0 评论 -
文本框导入图片并显示到页面上
通过输入框导入图片,并且显示在页面上本操作作用于vue项目上,请先创建vue2项目//扩大点击范围<label for="image">导入图片</label> <input type="file" hidden id="image" accept="image/*" @change="handleChange($event)"> <img src="" ref="image" alt="">下面是js代码handleChange(原创 2022-04-24 20:00:23 · 1738 阅读 · 0 评论 -
formDate保存数据
formdate这个主要是针对于给接口发送数据的时候,将我们要发送的数据添加到formdate中,然后通过xmlHTTPresquest.send()发送数据,我们FormDate()所创建的实例对象可以通过forEach来拿到这个对象中的数据.优点:可以对我们的上传的图片进行加密,保证上传文件的安全性let params =new FormDate();//可以得到一个FormDate对象params.append("key",value);//可以存数据params.get("key"原创 2022-04-21 21:45:31 · 354 阅读 · 0 评论 -
react项目开发笔记(创建项目篇)
React项目的开发一、项目创建是通过我们的create-react-app创建项目的。二、react和vue都是单页面项目,也就是说只有一页,我们要实现多个页面的操作的话是需要react路由的,所依赖的东西是react-router-dom三、我们要实现路由重定向的话需要自己声明,操作如下:import { useEffect } from "react";import { useNavigate } from "react-router-dom";export default functi原创 2022-04-14 19:46:33 · 503 阅读 · 0 评论