- 博客(23)
- 收藏
- 关注
原创 Vue-cli3.0怎么修改打包后的js文件名
场景:每次发布完代码之后,浏览器缓存严重,会导致之前解决的部分问题不体现。方法:使用webpack配置文件:vue.config.jsconst TimeStamp = new Date().getTime();// const MiniCssExtractPlugin = require('mini-css-extract-plugin');function resolve ...
2020-01-03 16:51:19
5509
1
原创 antd design 表格自带分页器实现后端分页
<a-table :columns="columns" :dataSource="data" :pagination="pagination" @change="TableChange" rowKey="id" ></a-table>HTML部分↑pagination:{ defaultPageSize:10, showT...
2019-08-20 10:29:05
3285
原创 Vue.js里面怎么传递参数还能传递事件参数
<a-dropdown size="small"><a-menu slot="overlay" @click="handleMenuClick($event,123)"> <a-menu-item key="scan" :index="k">预览</a-menu-item><a-menu-item k...
2019-08-14 15:57:52
721
原创 Vue中监听组件页面滚动,亲测可行的那种
在写公司财务项目的时候,有个需求是报表的最后一行总计需要飘动在屏幕最下方。查阅网上资料都是这样mounted(){ window.addEventListener('scroll', this.handleScroll)}然后在方法methods中绑定handleScroll的方法但是在实际中监听不到页面的滚动。 其实这个时候大家加个参数就行了moun...
2019-01-11 10:11:12
1711
3
转载 Axios发送post请求下载文件
发送post请求下载文件先说一下背景:这是一个以vue作为框架并用Axios来发送http请求的项目。我想要实现用axios来发送post请求,然后服务器会返回的response是一个文件流,我希望能将这个文件流写入excel,从而实现该excel文件的下载。在网上查阅了相关资料后,我在Axios官方文档给出的一个不大完整的示例中看到一种基于node原生模块fs的处理方案,我考虑到是否可以...
2018-12-26 09:55:56
575
原创 如何让手写的模态窗始终保持弹出在屏幕正中间
首先进行模态窗的编写<div class="btns" id="btns" style="display:none;"> <div class="overLay" id="overLay" onclick="motaiHide()" style="position: fixed;width: 100%;height:
2018-11-12 10:27:57
1477
转载 Vue项目中关于ES6 export default 和 import语句中的解构赋值
在写项目时,自己编译的init.js中包含了两个host,在组件import引入之时想直接进行解构,发现为undefinedhttps://www.jianshu.com/p/ba6f582d5249
2018-10-10 16:00:57
2294
转载 Vue打包文件放在服务器,浏览器存在缓存问题的解决
因浏览器缓存原因导致vue 打包的文件 导致偶尔会出现不能即使更新最新代码。因此在打包的文件名中添加一个版本号以便浏览器能区分。解决方法:找到webpack .prod.conf.js 1.定义版本变量: const Version = new Date().getTime(); // 这里使用的是时间戳 来区分 ,也可以自己定义成别的如:1.1 2.修改要生成的js和css...
2018-09-25 10:32:10
9693
2
原创 Vue打包遇到的坑。。。。history和hash模式也会产生区别
Vue项目再进行打包时,各位小伙伴肯定遇到各种状况,下面我来总结下我所遇到的状况。1. 打完包之后,请求static文件夹中的文件出现空白页,f12 提示 404。 在config文件夹中打开index.js,更改assetsPublicPath为'./',个人理解光是"/"代表的是根目录,"./"代表相对路径。 如果你放在服务器上的根目录的话,没有差别;如果放在文件夹内部的时候,"....
2018-09-20 15:03:05
3023
原创 js时间戳在ios上不兼容的解决方案
var timeStart = new Date('2018-06-08 00:00:00');var timeEnd = new Date('2018-06-15 00:00:00');var Astart = Date.parse(timeStart)/1000;var Aend = Date.parse(timeEnd)/1000;var arr = '2018-06-02 00:0...
2018-06-08 17:23:26
1715
转载 mpvue中获取当前页面的网址及参数
https://segmentfault.com/q/1010000008005954/a-1020000008006273
2018-06-04 17:33:21
6343
原创 js数组怎么调换两个元素的位置?
let arr = [1, 2, 3, 4, 5]// 交换第三个和第四个元素// x < ylet x = 3, y = 4arr.splice(x - 1, 1, ...arr.splice(y - 1, 1, arr[x - 1]))console.log(arr) /// [1,2,4,3,5]
2018-04-20 14:01:28
7748
3
原创 使用swiper来编写tab分页的方法,不使用display传统方法
此处为html部分中tab分页的容器。var mySwiper = new Swiper('#swiper-container', { pagination: '#my-pagination-ul', effect:'fade',//切换效果 paginationClickable: true, noSwiping : true,//禁止滑动 noS
2018-02-01 16:25:36
658
转载 jweixin-1.1.0.js微信接口“分享给朋友”文字和图片配置
在npm官网找到了:微信官方 js-sdk CommonJS 版https://www.npmjs.com/package/weixin-js-sdk步骤一:引入JS文件在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js备注:支持使用 AMD/CMD 标准模块加载方法加载步骤二:通过confi
2018-01-29 17:05:10
3184
原创 select2插件-简单技巧使用心得
首先引用select2的css和js,select2与bootstrap的使用并不冲突。HTML 1hsdjkdsf hkjhsd jksdf afasfd 1hsdjkdsf hkjhsd jksdf 组别名称为optgroup。js$("#c
2018-01-27 17:31:28
2509
原创 手机端注册流程细节学习
//获取当前屏幕宽度function setRem() { //获取到HTML文档 var oHtml = document.querySelector('html'); //获取当前屏幕大小,getBoundingClientRect返回一个对象 var width = oHtml.getBoundingClientRect().width; console.log(oHtml.ge
2018-01-24 10:55:07
1043
原创 FormData上传文件同时附带其他参数
var formData = new FormData($('#uploadForm')[0]);formData.append("mapType", "baidu");$.ajax({ url: '/upload/order', type: 'POST', data: formData, processData: false, // 告诉jquery不要处
2018-01-23 17:30:31
2517
原创 jquery bind和on 绑定对象
//模态窗中增加三件商品govar chooseThree = [];$("#group_motai").on("click",".group_recom_add",function(){ console.log(this) console.log($(this)) chooseThree.push(this.getAttribute("rid")) conso
2018-01-23 15:54:42
278
原创 循环checkbox的列表,实时打印已经选中的checkbox
cc1 cc2 cc3 cc4 cc5 cc6 cc7 cc8 cc9 cc10 显示器 var a=[],b; $("input[abc='abc']").click(fu
2018-01-17 11:25:38
1151
原创 jquery判断选中的checkbox的value值,并把value值用逗号隔开变成字符串
书1 书2 书3 $(function(){ $('[type="checkbox"]').each(function(){ $(this).click(function(){ if( $(this).attr('checked') ) { $(this).removeAttr('checked') }else{
2018-01-15 20:29:53
2701
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人