自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 js 倒计时

使用js写倒计时功能

2022-07-29 10:18:18 558

原创 javaScript教程

JavaScript 教程

2022-06-28 14:41:22 202

原创 vue elementui el-table表格增删改(结合form表单)

vue elementui el-table表格增删改(结合form表单)

2022-06-24 10:46:18 1168

原创 vue项目导出csv文件

使用papaparse或csv-exportor插件 在vue项目中导出csv文件

2022-06-23 16:03:12 1964 3

原创 vue echarts 多个图表 后台数据填充到页面,并自适应

数据填充1.从后台获取相应图表所需数据,在div中循环遍历数据2,区分趋势和单点,获取相应的数据,通过参数传递数据,3在showData中先将获取到的图表数据推送到空数组中,判断图标类型调用相应生成图表方法在不同方法中通过不同的参数获取相应x轴,y轴, 环形图data,仪表盘的数据,最后绘制相应数据的图表自适应通过循环获取所有图表,通过resize方法。屏幕大小改变重新加载图表......

2022-06-20 10:26:42 781

原创 vue项目el-table分页

1.html样式: <template> <el-table :cell-style="{'text-align':'center'}" :header-cell-style="{'text-align':'center'}" style="width: 100%; background-color: rgba(255,255,255,0.1);" v-bind:data="tableData

2022-04-15 11:15:37 1544

原创 用命令创建vue项目

创建项目1.vue init webpack 项目名字2.3.安装依赖4.启动项目

2021-12-06 14:56:57 860

原创 vue中引用高德地图根据经纬度计算两地距离

vue中引用高德地图根据经纬度计算两地距离一.示例图:npm安装 npm install vue-amap --save在min.js文件中引入vue-amapimport VueAMap from 'vue-amap';Vue.use(VueAMap); // 初始化高德地图的 key 和插件VueAMap.initAMapApiLoader({ key: '8f2cabe1725281788ba9de184184942f', plugin: ['AMap.Autocomple

2021-07-14 10:04:41 2554 2

原创 Git相关知识

常用命令总结mkdir 创建目录touch 创建文件echo “111” 出输出内容echo “111”>>>文件名 如果文件不存在则创建文件并写入内容 如果文件存在则追加内容rm -rf 文件或作者目录 递归删除cd 切换目录pwd 查看当前所在位置ll -a 查看所有文件包含隐藏文件 【a-all】ll 查看所有文件git init 初始化git仓库git config --list 查看git配置git log 查

2021-04-13 15:22:59 58

原创 Git相关知识

1.Git的作用、目的实现多人合作开发Git是什么版本控制器Git ----分布式版本控制器Git 可以在本地形成版本控制,不用依赖中央仓库Svn -----集中式版本控制器Svn不可以再本地形成版本控制器,需要依赖中央仓库存在的意义:项目分布开发,将每个人开发的数据整合到一起,通过git进行整合项目开发分为多个版本(v1.0、v2.0。。。。。),通过git进行控制,可以切换版本分布式与集中式的区别分布式可以在本地生成版本,集中式必须上传到中央仓库才可以形成对应的版本Github

2021-04-11 18:56:32 39

原创 获取相册图片列表

1.定义相册列表属性2.动态获取请求的地址2.1.当前选中相册图片列表urlgetImageListUrl(){ // return `/admin/imageclass/${this.image_class_id}/image/ ${this.currentPage}` return `/admin/imageclass/1104/image/${this.currentPage}?lmit=${this.pageSize}` }2.2.获取相册idimage_c

2021-04-02 08:22:56 142

原创 前端面试题

1.vuex的工作流程vuex的作用:项目数据状态的集中管理,复杂组件的数据通信问题。state:vuex的基本数据,用来存储变量getters:从基本数据派的数据,相当于state的计算属性mutation:提交跟新数据的方法,必须是同步的,每个mutation都有一个字符串的事件类型和一个回调函数action:提交的是mutation,而不是直接变成状态,action 可以包含任意的异步操作modules:模块化,可以让每一个模块拥有自己的state,

2021-03-31 14:02:44 51

原创 前端面试题

1.自我介绍vue组件通信 有三种,一种是父子组件传参,一种是兄弟组件传参,一种是隔代组件传参 1. props/$emit适用于父子传值 2. EventBus公交传值 emit/on 3.parent/children访问父子 4.localStorage与sessionStorage组件传值 5.vuex数据管理传值 6.attrs/listeners隔代组件通信 7.provide/inject隔代组件通信vue双向数据绑定 1.vue 双向数据绑定是通过

2021-03-30 16:34:03 59

原创 全局loading加载

全局加载(loading)初始化全局loading状态let loading = null封装loading显示与隐藏的方法//显示加载function showLoading(){ if(requestCount === 0){ loading = Message({ message:"加载中...", duration:0 })}//隐藏加载function hideLoading(){ if(loadin

2021-03-29 15:07:54 521 1

原创 用户登陆操作

登录判断验证添加请求拦截器axios.interceptors.request.use((config)=>{ console.log(config) let token = window.sessionStorage.getItem("token) if(config.token === true){ config.headers.token = token } console.log(config)

2021-03-25 19:54:58 125

原创 安装htttp协议库(axios)

#安装htttp协议库(axios)##方式一 黑窗口npm install axios注意:需要在发送请求的页面 引入axiosimport axios from “axios”##方式二 git窗口vue add axios#登录验证1.请求指定接口地址http://ceshi5.dishait.cn/admin2.获取到登录表单中的数据【用户名 密码】3.请求成功4.请求失败如果用户登陆失败,返回响应对象err.response 并且判断错误码是否为true

2021-03-25 08:53:09 148

原创 路由二次封装

二次封装原因:一个项目路由太多,为了书写简便;路由可能要无限嵌套,太麻烦使用后内容path和name是可以省略的,所以对他进行判断然后将其省略component:()=>import(“…/views/index/index.vue”) ==》component:“index/index”过程:1.获取路由信息2.封装自动生成路由3.因为他可能存在多层路由,所以要进行一层层循环4.判断component是否存在数据5.如果component存在,就将它共性的进行拼接,然后自动生成

2020-12-20 19:55:28 186

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除