自定义博客皮肤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)
  • 收藏
  • 关注

原创 vue中使用图片的两种方式

1.使用require引入2.使用import引入

2022-06-30 16:40:32 4094 2

原创 js中判断数据类型的方法

JS判断数据类型的方式

2022-06-05 10:52:59 131

原创 Vue自定义函数和变量挂载到全局

方法一、使用Vue.prototype1、新建一个文件getAll.vue,将需要的方法和变量导出<script>let fn1 = function() { console.log('挂载在全局的函数');};let fn2 = function(data) { console.log(data);};function getLog() { console.log('123');}const arr = [4,5,6]export default {

2022-05-30 22:08:07 1130

原创 本地vue项目连接远程仓库

文章目录一、使用vue create xxx创建vue2.0项目二、如何更改之前默认的配置三、本地vue文件连接远程仓库​一、使用vue create xxx创建vue2.0项目​1. 首先在文件夹上方输入cmd,然后enter进入或者 在文件夹中右击,选择Git Bash here​2.在出来的界面中输入​vue create xxx (xxx表示自己起的项目名称)​3.接下来就是项目配置的选择环节,使用上下箭头进行选择,Enter键选中,空格键可以取消选中,如果一个都不想选,那就按下空格键

2022-05-21 15:33:08 1549

原创 vue中使用extend

1.新建两个文件js-To.js和toast.vue2.toast.vue组件里的代码<template> <div class="msg" v-show="toastShow" v-html="toastVal"></div></template><script>export default { name:'Toast'}</script><style lang="less" scoped&g

2022-04-29 18:51:23 301

原创 CSS里的线性渐变

文章目录使用百分比规定颜色开始位置(1)background-image: linear-gradient( 方向/角度 , 颜色1,颜色2,颜色3 ,....);(2)background-image: linear-gradient( 方向/角度 , 颜色1 xx%,颜色2 yy%,颜色3 zz%);其中方向有to top 等价 0 deg ---- 颜色自下而上to bottom 等价 180 deg ---- 颜色自上而下to right 等价 90 deg

2022-04-28 18:22:10 72

原创 postman在post传参时把参数写在body

使用post传参写在params里可能会出错,所以要放在body里传递参数,记得在body里传递参数,同时要选择 raw和 JSON

2022-04-28 17:31:23 5261 1

原创 vue接口的配置

1.在src下创建api文件夹2.在api里创建config.js 和 index.js文件3.在config.js里引入axios,写入以下内容4.在index.js里导入config.js里的http,把他取别名axios5.在需要的地方引入index文件,然后调用接口(我这里是把index文件取名为api)6.参考文章...

2022-04-26 10:57:08 9087 2

原创 vue路由使用步骤

1.导入路由2.使用路由3.创建路由规则数组(即定义路由配置)4.实例化路由5.导出路由对象6.在main.js文件里加入路由对象参考链接

2022-04-26 09:51:52 2715

原创 vue中使用柱状图

主要是为了记录以下内容1.更改柱子宽度:barWidth属性2.设置柱子颜色为渐变色:itemStyle属性3.x轴的样式:axisLine属性4.刻度上字体的样式及间距等:axisLabel里的lineStyle属性5.去掉与x轴平行的分割线:splitLine的show属性6.去掉y轴刻度线效果图如下代码如下:<template> <div class="psgBarChart" ref="psgBarChart"></div></te

2022-04-24 19:14:53 6392

原创 vue中的slot插槽

一、简单使用1.需要重复使用的部分封装成组件slotCom.vue2.在需要使用组件的文件中,引入并注册组件3.组件中的button和del会展示在所在的位置;第三个里面没有写内容,所以只展示name和age...

2022-04-12 09:41:10 133

原创 vue中如何使用echarts——以折线图为例

1.先准备一个容器2.在mounted钩子函数中书写以下代码let psgTimeOption = { title: { left: 'center', text: '旅客时间分布', textStyle: { color: '#fff', fontSize: 35, fontWeight: 'normal' } }, // 设置折线图的位置

2022-04-07 19:00:08 11603

原创 git相关

1.git拉取分支到本地2.git第一次拉取代码时配置秘钥3.git pull拉取远程内容强制覆盖本地内容

2022-04-07 17:52:59 93

原创 vue中引入并使用高德地图

一、使用npm引入高德地图1.进入高德开放平台2.点击: 开发支持---------地图JS AP---------JSAPI的加载3.选择 按NPM方式使用loader4.定义一个有宽高的div二、小试牛刀----修改鼠标样式1.点击示例中心---------地图的创建---------地图属性-------设置鼠标样式右侧有示例代码下图是自己写的代码,需要注意几点(1)官方代码绑定的click事件传递的this 指当前点击元素,但是vue是没有的,在这里可以不传参,也

2022-04-06 11:35:08 19921 2

原创 vue中使用echarts饼图——修改点击时出现的文本样式

先展示效果图主要代码在emphasis的label标签里圆环中间出现的文本内容写在 label 的 formatter ;定义的样式写在 label 的 rich,其中aa,bb,cc都是自己随便起的样式名,|右侧是对应的文本,\n是换行;{d}是每个部分对应的百分比,{b}是数据名,也就是 data 里name的值,bb是给后面%设置样式的;下图来自echarts官网的配置项手册代码如下<template> <div ref="pieCon" style="

2022-04-01 19:26:58 2776 1

原创 vue如何注册组件

局部注册组件1.创建一个文件myTable.vue,存放需要复用的表格组件(如下图);2.在需要使用表格组件的vue文件里引入import myTable from ‘…/…/components/common/myTable’;注册components: {myTable}使用或者3.效果展示......

2022-03-31 13:47:40 1311

原创 jquery的部分用法

jquery的部分用法

2022-03-30 19:48:22 994

空空如也

空空如也

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

TA关注的人

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