- 博客(23)
- 收藏
- 关注
原创 js文件下载(xls,xlsx,doc,docx,pdf)各种格式下载,废话不多说直接上代码
function downloadFile(obj, name, suffix) { const DOWNLOAD_TYPE_MAP = { xls: 'application/vnd.ms-excel', xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', doc: 'application/msword', docx: 'application/vnd.openxmlf.
2021-07-23 11:33:09
1300
原创 动态引入 某文件夹下所有vue组件的方法
引入vueconst context = require.context('./', true, /\.vue$/);const install = (Vue) => { context.keys().forEach((key) => { const component = context(key).default; Vue.component(component.name, component); });};引入css 等const context
2021-03-03 14:53:35
1244
2
原创 JS数组的交集、并集、差集,数组去重,获取两个数组重复的元素,去除两个数组相同的元素
let arr1=[1,2,3,4,5,6] let arr2=[4,5,6,7,8,9] // 并集 数组去重 let RemoveSame=[...new Set([...arr1,...arr2])] console.log(RemoveSame) //[1, 2, 3, 4, 5, 6, 7, 8, 9] //数组交集,或得两个数组重复的元素 let SamePart=arr1.fi...
2020-06-30 10:43:39
982
原创 vue 想要先加载完所有数据再渲染页面、异步请求回来数据了,但是页面没有渲染
先设置showCard为false,内容card为"" 请求成功后设置showCard为true,内容card为请求得到的数据res.data<div v-if="showCard"><div> data() { return { card:"", showCard:false, }} created() { this.$vux.loading.show({ text: "正在加载" }); this.$api.cardInterfa
2020-06-11 11:35:17
11418
4
原创 Element-ui的table表头的合并(行和列的合并)
列的合并<el-table> <el-table-column label="总行" header-align="center" align="center"> </el-table-column> <el-table-column label="第一行1" header-align="c...
2019-10-09 15:49:54
4661
原创 js高效修改对象数组里的对象属性名
有些时候,我们前端从后端拿过来的JSON对象数据,某些字段并不是前端想要的,需要对一些字段名进行重命名。一般修改对象数组的对象属性名,最简便的就是通过遍历对象数组的方法进行修改,但是用这个方法,如果处理的数据量很大,它的执行效率是非常低的。下面介绍一个更高效的方法,即通过正则的方法进行过滤修改。JSON.parse(JSON.stringify(data).replace(/title/...
2019-04-18 10:44:31
5208
1
原创 日常开发中使用到的一些js方法
/** * @param {Array} arr1 * @param {Array} arr2 * @description 得到两个数组的交集, 两个数组的元素为数值或字符串 */export const getIntersection = (arr1, arr2) => { let len = Math.min(arr1.length, arr2.length) le...
2019-04-15 14:16:48
155
原创 js将"2018-08-30T08:33:20.000+0000"这种格式的时间转化为正常格式2018-08-30 16:33:20
简单粗暴 直接上代码! //时间格式化函数 renderTime(date){ var dateee = new Date(date).toJSON(); return new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\....
2019-04-13 15:13:44
2409
1
原创 vue—子组件如何修改父组件的值
如何在子组件中修改父组件的值第一步:首先得保证父组件中有值吧这是userManage.vuedata(){ return{ dialogCreate:'false' }}第二步:在父组件中引用子组件import Form from './userCreate'第三步:父组件中注册子组件并引用<template> ...
2019-04-12 14:59:38
10720
原创 关于使用element的组件时事件想要传递其他参数的问题
在使用element的上传组件时在一下几个钩子中传递其他参数图中是文件上传时的几个钩子,参数为文件或文件列表或者其他参数,但是现在我想在原有参数上传递其他参数。比如我想在on-success的钩子中传递一个自定义参数i,原本是这样写的::on-success=”handleSuccess(i)” //handleSuccess是一个方法1但是发现这样写取不到自身原来的参数,后来...
2019-03-21 18:00:34
1371
2
原创 vue-cli项目打包出现空白页和路径错误问题
vue-cli项目打包:1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。第一个问题,文件引用路径。我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。解决:到config文件夹中打开index.js文件。文件里面有两个asse...
2019-03-15 10:23:09
179
原创 vue——解决“You may use special comments to disable some warnings. Use // eslint-disable-next-line to ig
在build/webpack.base.conf.js文件中,注释或者删除掉:module->rules中有关eslint的规则module: { rules: [ //...(config.dev.useEslint ? [createLintingRule()] : []), // 注释或者删除 { test: /\.vue$/, loa...
2018-12-24 15:31:33
631
原创 MUI省市区三级联动
<input type="text" id="city_text" placeholder="请点击选择则" readonly><script src="js/mui.min.js"></script><script src="js/mui.picker.min.js"></
2018-10-19 09:16:12
940
2
原创 银行卡正则,验证银行卡是否有效
这个是支付宝提供的接口,直接套用就可以了,简单粗暴!!!https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?_input_charset=utf-8&cardNo=6214832018989180 &cardBinCheck=true...
2018-10-16 18:04:41
4175
1
原创 mui框架之a标签无法跳转的问题
最近在mobile的项目中用到了mui前端框架,自己先学习了一下,感觉功能挺全,因为要开发m站,就选择用了mui的前端h5的框架,由于是第一次用到,难免会踩坑。 要实现这样一个产品的列表,由于要分页,就很自然想到了用上拉加载的效果,mui的上拉加载是用两个页面实现的,一个主页面,然后内容页面用iframe加载的,产品的每一个item点击是要跳转到详情页面的,刚开始很奇怪,用a标签包...
2018-10-16 18:01:19
261
原创 jquery交换两个元素之间的位置
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><script src="http://ajax.googleapis.com/ajax/libs/jquery
2018-08-30 10:34:40
6949
原创 jquery倒计时插件
结构<div class="count-down" data-end="2097/11/10"> <p>90年后倒计时</p> <span class="day">0</span> 天 <span class="hour">0</spa
2018-08-30 10:31:46
922
原创 js判断两个时间的大小
思路:先都转换成日期。然后再用毫秒数进行比较。下面是简单的例子:function tab(date1,date2){ var oDate1 = new Date(date1); var oDate2 = new Date(date2); if(oDate1.getTime() > oDate2.getTime()){ console.
2018-01-26 15:44:05
4648
原创 DIV的垂直和水平居中的各种方法,总有一个适合你!
居中是我们使用css来布局时常遇到的情况。使用css来进行居中时,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,本文就居中的一些常用方法做个简单的介绍。注:本文所讲方法除了特别说明外,都是兼容IE6+、谷歌、火狐等主流浏览器的。先来说几种简单的、人畜无害的居中方法1. 把margin设为auto具体来
2018-01-26 10:43:27
417
原创 bootstrapValidator表单验证使用方法
移入文件在有jquery和bootstrap的页面里引入bootstrapValidator.js和bootstrapValidator.css文件然后建立一个form表单,添加表单控件,表单控件必须有绝对定位,不然会报错 Form title label
2018-01-26 10:23:44
544
原创 jquery中attr和prop的区别浅析
大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled = "disabled",checked="checked",比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined。jq提供新的方法“prop”来获取这些属性,就是来解决这个问题的,以前我们使用a...
2018-01-16 10:42:43
146
原创 Bootstrap Paginator分页插件使用示例
一般的pc端或者响应式网页会用到bootstrap,因此也就想着bootstrap是否有分也插件呢,或者说是基于jquery支持的分页功能,这样整体的网站风格便能够统一,又不用自己去写一套分页功能在使用bootstrap插件的时候,需要导入一下css,js1 2 3 4 其中:bootstrap-paginator.js下载地址:https:/
2018-01-16 09:29:46
6029
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人