weixin_43923202的博客

原创 获取文件流实现导出功能

【代码】获取文件流实现导出功能。

原创 组织结构图组件应用orgchart

【代码】组织结构图组件应用orgchart。

原创 原生table样式

【代码】原生table样式。

原创 vue2+antd+sortablejs 实现表格拖拽

安装sortablejs。

原创 自定义下载文件命名

【代码】自定义下载文件命名。

原创 vue预览pdf并添加水印

【代码】vue预览pdf并添加水印。

原创 GPS坐标 转 高德坐标

【代码】GPS坐标 转 高德坐标。

原创 js计算年龄

js计算年龄

原创 vue将html内容转为图片并下载到本地

安装html2canvasnpm install --save html2canvas在所需页面引入import html2canvas from "html2canvas"Html// ref="codeRef"为转换的html内容<div ref="codeRef" style="display: flex;justify-content: center;background: #d4f6fa;flex-direction: column;align-items: center;p

原创 vue+vant日期时间校验 开始时间小于结束时间

需求：日期（只能选择今天及之后的） 时间（如果日期是今天，时间只能选当前时间之后的）开始时间小于结束时间Html<div class="p-t-10 f-r" style="align-items: center;"> <span class="t-r p-r-10 w-30">选择日期:</span> <a-date-picker @change="onChangeData" v-model="for

原创 vue + antd中Table自定义列查询筛选

html <a-table :columns="columns" :data-source="projectTable" bordered :pagination='false' size="middle" :scroll="{ x: '100%', y: 400 }" > <div slot="filterDropdown" slot-scope="{ setSelectedKeys, selectedKeys, con

原创 vue数组对象中属性改变时，页面无刷新

数组对象中某个属性发生变化时，vue监听不到，页面无反应可以使用对象的扩展运算符…用于取出参数对象的所有可遍历属性，并拷贝到当前对象之中，例：let z = { a: 3, b: 4 }; let n = { …z }; //使得n为{ a: 3, b: 4 }；...

原创 选择某日日期 显示此日期所在周的范围

this.timeWeek = this.GetMonday(new Date())+'~'+this.getWeekDay(new Date()) GetMonday(dd) { var week = dd.getDay(); //获取时间的星期数 var minus = week ? week - 1 : 6; dd.setDate(dd.getDate() - minus); //获取minus天前的日期 var y =...

原创 js轮播图

html<!-- 轮播图 --> <div class="banner"> <div class="imgs"> <a href="javascript:;"> <video id="movie" muted src="http://www.qoros.com/common/video/video_5s.mp4" autoplay="autoplay"

原创 table后台数据渲染，不满n条时tr补全

html: <table style="width:100%;margin-bottom:20px"> <tr style="height:30px;background-color:#f2f2f2;font-size:12px;font-weight: bold"> <th style="border:1px solid #e6e6e6;width:10%;">文件来源</th> <th style="b

原创 Ant Design Select组件下拉选项随页面滚动与Select框分离问题

<div > <div class="w-30 text-right"> <span>性别：</span> </div> <div class="w-70" style="position: relative"> <a-select style="width: 100%" @change="handleSex" :getPopupContainer=.

原创 a-range-picker动态显示默认日期

需求：判断当前日期是否在26号之前，以26号为节点分为两种默认日期使用:default-value 时发现data发生变化了，但是渲染在组件上的数据没有变，使用：value绑定就可以了html：<a-range-picker :value="getDateRange(startTime, endTime)" />js：data(){ startTime: moment().subtract(2, "month").startOf("month").add(25, '

原创 父子组件传值

父组件传值给子组件：父组件：:qqqqqqqqqq="list"子组件：props: ["qqqqqqqqqq"]子组件传值给父组件：父组件： @aaaaaaa="xxx"子组件：this.$emit("aaaaaaa",this.children)

原创 前端导出/导入接口

导出js文件：responseType: 'blob'// 模板下载[GET_TEMPLATE](state, data) { console.log(state) console.log(data) var url = window.URL.createObjectURL(data) var filename = "name.xlsx" var a = document.createElement('a') a.href = url a.do

原创 深克隆及浅克隆

浅克隆 a = [1,2,3,4] let b = a;深克隆a = [1,2,3,4]let b = JSON.parse(JSON.stringify(a))

原创 自定义底部导航

原创 radio自定义样式

html<div class="radio-box"> <input class="radio_type" @change="carTypeChange" name="carType" type="radio" value="5s" /> </div>css

原创 vue将token放入headers中

jsexport function 函数名(params) { return axios({ url: api.函数名, data: params, params: params, headers: { 'Authorization': 'Bearer ' + params.token } })}单页面 函数名: function () { let token = V

原创 js下载流文件（blob）

jsexport function 方法名(params) { return axios({ url: api. 方法名, method: 'post', data: params, responseType: 'blob' })} // 下载 [方法名](state, data) { console.log(state) console.log(data)

原创 倒计时

js源码 //倒计时 (function ($) { var intervalDate; var day, hour, min, sec; $.fn.extend({ countDown: function (options) { //生成倒计时字符串 var opts = $.extend({}, defa...

原创 微信小程序类别与产品展示页面

wxml：(上海虹桥店)>点击添加"…"到我的小程序，微信首页下拉即可快速访问123{{item.title}}{{item.detail}}{{item.money}}立即购买less:.text {width: 100%;height: 100%;.active { background-color: ...

原创 Git 上传文件超出最大值

git config http.postbuffer 523288000

原创 小程序自定义radio单选按钮

html先生女士js文件const options = {data: {isShowFemaleChecked:false,isShowMaleChecked:false,},// 男女单选框// 选中男openMaleChecked(){this.setData({isShowFemaleChecked:false,isShowMaleChec...

原创 小程序上下滑动的时候,canvas 也会跟着滑动

html保存本地尝试了disable-scroll=“true” bindtouchstart=“touchStart” bindtouchmove=“touchMove” bindtouchend=“touchEnd”，但不管用。所以在遮罩上添加catchtouchmove='true’就ok了。附加一个canvasjs文件：createCanvas: functio...

原创 弹窗

html<div class="mask-container" v-show="isPopupVisible"> <div class="popup"> </div></div>css.mask-container {position: fixed;width: 100%;background-color: rgba(...

原创 jquery数字滚动到指定数字效果

<script type="text/javascript" src="./jQuery数字动画特效_files/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="./jQuery数字动画特效_files/countUp.min.js"></script>...

原创 屏幕适配

jsvue

原创 字符串及数组的相互转化

partObj: {partcdList: []},createPartReworkObj: {vin: “”,reworkPartCds: “”},//转换成由，分开的字符串 并去掉最后一个，this.partObj.partcdList.map(item => {this.createPartReworkObj.reworkPartCds += item.content...

原创 通过接口返回信息判断模态框显示与隐藏

const mutations = {SET_UPDATE_VISIBLE {state.updateVisible = data},}//显示模态框this.$store.commit(“SET_UPDATE_VISIBLE”,true)

原创 去除输入框左右空格

for (let key in this.searchCvrmObj) {if (this.searchCvrm[key]) {this.searchCvrmObj[key] = this.searchCvrmObj[key].trimLeft().trimRight();}}

原创 flex布局表格

省 市 网点 {{item.province}} {{item.city}} {{item.networkName}} 样式：.table-content {// height: 0.44rem;background-color:...

原创 清空输入框中内容

for (let key of Object.keys(this.createCvrmObj)) {if(key!== “collectDate”){this.createCvrmObj[key] = “”;}}

原创 时间及复选框类型转换

时间及复选框类型转换**//全局刷新**handleEmptyPaymentBill: function() { window.location.reload();},**// 时间**monthDatechange(date, dateString) { this.searchPaymentBillObj.endDate = dateString;},**// ...

原创 判断input输入内容是否有重复

一.数组findIndex方法findIndex() 方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置。let number = this.items.findIndex(item=>item===this.content)if(number < 0){this.items.push(this.content)} else {alert(‘不能重复添加’)}...

原创 css规则

CSS规则字体font-family 为文字制定特殊的字体font-size :12px; 字体大小line-height：2em； 行高【文本垂直居中】文本color:#333; 字体颜色text-align:center; 文本水平居中text-indent：2em； ...