自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 a标签下载文件文档流 xlsxlsxdoc,docx,pdf

通过a标签下载文件项目中需要下载后台execl文件,通过接口下载,使用js文档流创建单独js文件,局部引入使用export function $_downloadFile(obj, name, suffix) { const DOWNLOAD_TYPE_MAP = { xls: 'application/vnd.ms-excel', xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'

2021-05-27 13:39:34 1824

原创 vue将日期过滤为年月日,兼容ie,全局过滤器

第一步创建文件js代码jsexport function DateTime(time, cFormat) { if (arguments.length === 0) { return null } const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}' let date if (time === null) { return '' } if (typeof time === 'object') { d

2021-05-26 11:11:16 491

原创 ie下日期不支持‘-’形式 vue中ie兼容性问题

ie下日期不支持‘-’形式将日期格式2021-05-24 13:40:05 过滤为2021-05-24这种ie浏览器中失败在谷歌火狐等浏览器下测试完没问题,ie8中,然后时间就变成 NAN:NAN:NAN !!!一脸懵逼,ie浏览器都挂了,检查了一下,我从后台取到的值是2017-11-12 08:00  会不会是时间格式上的问题,然后把值改成了year/month/day 00:00 的时间格式,上网查了一下js的日期对象可以识别的日期字符串有四种:YYYY-MM-DD 2000-01-0

2021-05-26 11:07:48 273

原创 el-select下拉加载数据 瀑布流加载

下拉加载数据 瀑布流加载创建文件jsexport const selectLoadmore = { bind(el, binding) { // 获取element-ui定义好的scroll盒子 const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap') SELECTWRAP_DOM.addEventListener('scroll', function

2021-05-26 11:00:11 678

原创 el-tree 数据回显父节点和子节点都会被选中 check-strictly关联不关联

ElementUI tree组件 动态渲染编辑时 选择父级时会全选所有的子级(el-tree数据回显父节点和子节点都会被选中)具体上代码效果代码js代码特此记录具体上代码效果代码<el-form-item label="菜单权限"> <el-tree :data="menuOptions" show-checkbox default-expand-all ref="

2020-10-23 11:32:34 2577 3

原创 js导出后台当前页面查询的表格数据

使用插件js-export-excel将table数据导出为excel文件首先在项目中安装js-export-excel插件,进入项目目录,执行以下命令:npm安装:npm install --save js-export-excel,const downloadExcel = () => { const getRepaymentPlanList = exceldata ? exceldata : '';//exceldata 表格总数据 let option = {}; //

2020-08-24 10:19:35 676 2

原创 vue cli3/cli4 vant-ui样式出不来的问题

vue cli3/cli4 vant-ui样式出不来的问题1、npm2 :检查babel.config.js3:vue.config.js,检查有没有设置过这个属性“requireModuleExtension”1、npmnpm i vant -Snpm i babel-plugin-import -D2 :检查babel.config.js3:vue.config.js,检查有没有设置过这个属性“requireModuleExtension”vant-ui样式出不来基本是因为这个 requ

2020-08-21 14:50:30 997

原创 Linux 部署项目准备工作(准备阶段)

部署项目准备工作一.安装Node环境1.去官网复制node安装包链接2.在Xshell里cd到安装目录3.输入命令链接开始下载nodejs安装包4.输入命令两步解压5.重名解压的文件夹名称为nodejs6.进入解压目录7.创建软连接8.测试二. 查看源npm地址三. 查看源npm地址及更换一.安装Node环境linux上面啥都没有空的1.去官网复制node安装包链接https://nodejs.org/en/download/可以f12查看下载链接2.在Xshell里cd到安装目录cd

2020-07-23 13:35:47 327

原创 JQ使用form表单提交数据,跳转指定页面或进行提交后的操作

原生项目中JQ使用form表单提交数据,跳转指定页面或进行提交后的操作使用步骤上代码使用步骤需要:引入jquery.js jquery.form.js,我使用的是cdn引入,避免下文件上代码引入:<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/jqu

2020-07-20 18:03:06 3469

原创 将返回的数据对象转成一个二维的数组,便于健值都能循环出来

将返回的数据对象转成一个二维的数组后台返回的数据格式项目需求是这样的健值都是后台输入维护的,前端拼接成一个json格式展示,便于运营人员使用。后台效果图前端转换 var arr = [] for (let i in data) { arr.push(i); //key arr.push(data[i]); //值 }转成了一维数组,再调用方法转二维数组 [[],[],[]]形式// 转成[[],[],[]] function oneArrToTwoArr

2020-06-15 17:34:16 400

原创 vue3.0初始体验创建升级

vue3.0 还学的动不第一步,安装 vue-cli:已经升级到4.4.1了~~3.0的都还没会????npm install -g @vue/cli第二步,初始化 vue 项目:vue create vue-next-test好了后出现 我选择的第二个自己配置按下回车后出现也可以支持ts我的没勾,一般的商业项目选这些够了练习项目我选的n不用history模式,css就选择stylus了选择一个linter/formatter配置:ESLint仅具有错误预防功能ES

2020-06-11 16:15:11 137

原创 列表分页vue element

在使用vue中使用element的组件进行分页操作<el-pagination class="tc" layout="total,prev, pager, next,jumper" /*分页格式*/ :total="total" /*总数多少也,让后台返回一个值*/ :page-siz...

2020-04-18 16:56:56 161

原创 后台返回的数组根据对象中的特定值进行排序

后台返回的数组根据对象中的特定值进行排序 tui字段 实现顶置this.problemlist.sort((a,b)=>a.tui>b.tui?-1:1)可以成功实现

2020-04-03 18:41:48 651

原创 vue-awesome-swiper使用

vue-awesome-swiper使用引入使用import VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)具体代码<swiper class="swiper" :options="swiperOption" ref="mySwiper"> <swiper-slid...

2020-04-02 21:14:02 190

原创 组件间传值: 3种(1)

(1). 父->子: a. 为什么: 和面向对象不同!父组件中的数据成员,子组件无权直接使用!因为组件的模型数据都是自己专属! b. 何时: 只要子组件希望使用父组件中的数据成员时 c. 如何: 2步: 1). 在父组件中,将子组件需要的成员绑定给一个自定义的属性。 组件todo中: { data(){ return { tasks:[ xxx , xxx , .....

2019-10-21 15:11:46 135

原创 svg-动态创建圆,颜色随机,点击其中一个变大减淡,停止清除定时器

svg-动态创建圆<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...

2019-10-14 15:03:00 254

原创 canvas-弹幕实例

html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2019-10-14 10:43:14 192

原创 canvas-图片旋转

canvas-画布图片旋转<canvas id="c3" width="500" height="400"></canvas> <script> var c3=document.getElementById("c3") var ctx=c3.getContext("2d") // 1:创建图片对象 var p3=new Im...

2019-10-12 10:32:42 258

原创 canvas-图片鼠标移动

canvas-图片鼠标移动<canvas id="c3" width="500" height="400"></canvas> <script> var c3=document.getElementById("c3"); var ctx=c3.getContext("2d") // 1.创建图片对象 var p3=new I...

2019-10-11 17:06:00 438

原创 canvas-矩形图表

canvas-矩形图表<canvas id="c3" width="800" height="600"></canvas> <script> var c3=document.getElementById("c3"); var ctx=c3.getContext("2d"); var rows=[{name:"东口",v...

2019-10-11 15:38:12 193

原创 canvas-绘制笑脸,张嘴闭嘴

canvas-绘制笑脸,张嘴闭嘴<canvas id="c3" width="500" height="400"></canvas> <script> var c3=document.getElementById("c3"); var ctx=c3.getContext("2d"); // 闭嘴笑脸 function clo...

2019-10-11 15:33:03 829

原创 cavas-圆形动态进度条

cavas-圆形动态进度条<script> var c3=document.getElementById("c3"); var ctx=c3.getContext("2d"); // 绘制动态进度条 // 1创建变量保存起始角度与结束角度 var start=-90; var end=-90; // 2.创建变量保存数值 1%;...

2019-10-11 14:28:40 127

空空如也

空空如也

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

TA关注的人

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