- 博客(33)
- 收藏
- 关注
RSS订阅原创 微信小程序中应用van-calendar时加载时间过长，以及设置min-data无效的问题解决
二、vue中min-data的写法是:min-data=“new Date(2023, 0, 1)”，而在小程序中的写法则是min-data=“{{ minData }}”，minData的值为：new Date(2023, 0, 1).getTime()。一、我们微信小程序中应用van-calendar时，如果没有设置min-data，那么页面的加载时间会非常长，所以，1、minData的值只能在js文件中设置，不能直接写进页面里边，因为页面中不能识别 new Date()，会报错；
2024-05-31 17:34:30
1232
2
原创 解决antd vue 的table列表过宅内容换行和过长有空白列的问题
1、columns数组中保留一个对象不设置宽度，其余都要设置宽度；2、HTML中scroll要设置为{x: 足够长的固定宽度}；
2024-03-19 20:50:39
961
原创 在同一个坑里栽两次的问题，antd 自定义表头slots.title不生效的解决方案
原因：columns.title优先级别比slots.title高，所以优先显示title文字了！
2024-01-20 17:22:30
766
2
转载 antd table出现空白列的问题
table中需要有个固定列，所以用了scroll属性，但是发现表格出现了一个空白列。原因：列都设置了固定宽度，导致所有的宽度加起来没有表格宽度长，会出现空白列。解决:建议至少留一个列不设宽度，以自适应宽度。
2023-12-25 10:50:34
1046
原创 企业微信开发教程一：添加企微应用流程图解以及常见问题图文说明
最近在前辈的基础上新添加了一个企微应用，过程中遇到了一些卡点，这里一一通过图片标注与注释的方式记录一下，希望能给后来人提供一些清晰明了的帮助，话不多说，大家直接看图吧。（文中包括一些本项目独有的配置和相关代码，大家自行替换即可）
2023-11-09 11:52:13
1285
原创 js控制日期、弹窗等组件弹出时，底部图层不滚动的方法，原生方法，适应于几乎所有框架（vue、react、taro、小程序、angular等）
【代码】js控制日期、弹窗等组件弹出时，底部图层不滚动的方法，原生方法，适应于几乎所有框架（vue、react、taro、小程序、angular等）
2023-11-02 20:03:45
236
原创 flex 实现三栏等分且超出自动换行的多行布局（含最后一行子元素为两个时，左对齐和两端对齐两种方案）
本文主要采用flex布局方式，实现容器内三栏布局的同时，还能够做到容器内子元素超过3个时，自动换行，且后边的每一行一样都是三栏等分排列。
2023-09-25 17:34:20
5893
原创 js通过a标签的方式下载文件并对其重命名的完整方案
一、正常情况下，我们都如此下载文件并修改文件名，在a标签上面添加download属性，但是download常常会失效，究其原因。。。由于a.download在跨域的情况下会失效（事实上我们大多数情况下都是跨域下载文件），上面代码只可同域实现二、通过blob实现跨域下载并修改文件名(同样适用于URL地址)//通过文件下载url拿到对应的blob对象js模拟点击a标签进行下载//下载文件调用（name 要携带后缀名）
2022-12-06 14:52:59
10889
7
原创 解决js中进行金额计算时出现多位小数点以及取整后依旧出现偏差问题（已解决）
很多前端人都知道，在js中浮点数之间相乘是会出现很多离谱的问题的，比如3.3*3得出来的答案会是9.899999999999999，而不是9.9.我们常见的做法往往就是把小数转换成整数之后再相乘，比如将3.3*3改成3.3*10乘以3再除以10，这样就能能够正确计算了。
2022-11-07 13:41:21
1358
原创 Vue+koa2+mongodb实现简单的登录注册，以及文章列表的增删改查、列表多条件模糊查询等功能
这是一个针对初学者学习vue+koa2+mongodb的入门练手项目，我会将全部代码全部列出来，并对一些关键代码和常见的坑进行着重介绍，有兴趣的同学不妨扒下来试试。
2022-07-29 10:12:15
2649
原创 vue中用JSON.parse(JSON.stringify(this.formData))来替代无效的this.$set()和this.$forceUpdate()
最近在开发项目时遇到了一个问题，就是在使用antdvue开发时，有一个select多选框在通过onchange清空其所有值后，再选择时，控制台能够打印出来选中的值，前台界面也能够显示选中的值，但是必填校验依旧是未选中的红框状态。使用了this.set(this.formData,′name′,value)和this.set(this.formData, 'name', value)和this.set(this.formData,′name′,value)和this.forceUpdate()依旧无法让红框
2022-05-19 09:38:23
1759
1
原创 andtVue中form表单关于一条a-form-model-item中有多个必填项的prop以及rules设置（比如省市区）
先看下效果图：需求：要求省市区以及姓名手机都是必填项难点：省市区要求在同一行，前边要带星号，每一项都要校验必填规则以下是解决方案，仅供参考<a-form-model ref="recieveForm" :model="formData" :rules="recieveRules" :label-col="colAllSpan.labelCol" :wrapper-col="colAllSpan.wrapperCol"> <a-col v-bind="colAllSp
2022-04-20 16:16:52
7368
原创 解决for、map等循环处理数据之后再执行后续操作的问题
举个栗子const temp = [1,2,3,4,5,6,7,8]let sum = 0for(let i = 0; i<temp.length; i++) { if (temp[i] > 4) { sum++ }}console.log(sum) // 此处输出为0，而不是4，如果这时候后续操作需要用到sum等于4的值，那么就需要修改为如下写法async getSum() { const temp = [1,2,3,4,5,6,7,8] let this.sum =
2022-04-16 16:17:54
2893
原创 antdvue组件a-radio-group如何设置默认值
<a-radio-group v-model="formData.headImgType"> <a-radio :value="0">默认</a-radio> <a-radio :value="1">自定义</a-radio></a-radio-group>data() { return { formData: { headImgType: 0, }, }}..
2022-04-13 17:43:24
6708
原创 js复制链接到剪贴板
<a-button type="link" @click.stop="copyLink(record)">复制链接</a-button>// 复制链接 copyLink(record) { const input = document.createElement('input') input.setAttribute('readonly', 'readonly') input.setAttribute('value', `http:/
2022-04-13 17:34:16
851
原创 js将url转换成二维码图片并下载到本地功能
<div id="qrcode" style="display: none"></div>import QRCode from 'qrcodejs2'components: { QRCode, },methods: {// 生成二维码 qrcode(record) { // console.log(platform.host) let qrcode = new QRCode('qrcode', { width:
2022-04-13 17:31:36
1907
原创 原生js实现点击按钮复制文本
copyLink(record) { const input = document.createElement('input') input.setAttribute('readonly', 'readonly') input.setAttribute('value', record.remark) document.body.appendChild(input) input.select() if (document.execCommand('copy')) { docum
2022-04-11 22:32:20
217
原创 获取时间以及格式转换等方法汇总
// 获取当月天数getCountDays(ym) { const curDate = new Date(ym); /* 获取当前月份 */ const curMonth = curDate.getMonth(); /* 生成实际的月份: 由于curMonth会比实际月份小1, 故需加1 */ curDate.setMonth(curMonth + 1); /* 将日期设置为0 */ curDate.setDate(0); /* 返回当月的天数 */ return cu
2022-04-09 09:31:48
253
原创 下载图片或base64格式图片
浏览器使用downloadImg() { // 如果浏览器支持msSaveOrOpenBlob方法（也就是使用IE浏览器的时候），那么调用该方法去下载图片 if (window.navigator.msSaveOrOpenBlob) { var bstr = atob(this.weixinQrCode.base64.split(',')[1]) var n = bstr.length var u8arr = new Uint8Arr
2022-04-09 09:25:10
482
原创 前端项目常用工具函数集
export function parseTime(time, cFormat) {if (arguments.length === 0 || !time) {return null}const format = cFormat || ‘{y}-{m}-{d} {h}:{i}:{s}’let dateif (typeof time === ‘object’) {date = time} else {if ((typeof time === ‘string’)) {if ((/1+$/.t
2021-09-08 10:35:31
266
原创 基于vue的编辑器组件
<!-- * @Author: 《lxh》 * @Date: 2021-05-14 16:53:49 * @LastEditors: 《lxh》 * @LastEditTime: 2021-06-17 11:36:38--><template> <div id="editor" /></template><script>import WangEditor from 'wangeditor'export default {
2021-06-17 11:40:33
1060
原创 JS根据日期计算年龄
function getAge(str){ var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})/); if(r==null)return false; var d= new Date(r[1],r[3]-1,r[4]); var returnStr = "输入的日期格式错误！"; if(d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&
2021-03-12 10:13:15
1307
原创 git常见命令
git reset --hard 0fc2a4d （回滚到制定版本）git push -f origin test 强制推送到远程分支，-f 强制，origin 远程仓库名称，test 远程分支名
2021-03-08 17:21:25
230
原创 如何从远程分支直接拉取代码到本地指定分支、并指定文件夹
git clone -b orginname（远程分支名） ssh://url（仓库地址） localName（本地文件夹名）
2021-03-08 17:10:07
1033
原创 nginx前端跨域配置挖坑填坑指南
先来晒一下正确的配置代码server { listen 8082; //你**本地请求的端口**（随便设个端口地址就可以了，但是一定要跟下边跨域请求的端口保持一致） server_name localhost; //你**本地请求的地址** location / { add_header 'Access-Control-Allow-Origin' '*'; proxy_pass http://localhost:8081/; //你**要请求的
2020-12-14 17:01:50
176
转载 24个解决实际问题的ES6方法
这篇文章基于实际使用场景总结了 24 个 ES6 代码段，可用来解决项目中可能遇到的一系列问题。1、如何隐藏所有指定元素？ const hide = (...el) => [...el].forEach(e => (e.style.display = 'none')); // Example hide(document.querySelectorAll('img')); // 隐藏页面上的所有 元素2、 如何确认元素是否具有指定的类？const hasClass = (el,
2020-11-10 14:33:24
197
原创 vue ant design中关于给select设置初始默认值的问题（initialValue无效、用defaultValue则报`defaultValue` is invalid错误）（已解决）
问题：当我们在用vue ant design给select设置默认值时，如果采用v-decorator的方式去注册控件，且要对表单内容进行校验，那么这个时候无论是如下边错误1一样使用defaultValue=“2”这样来设置默认值，还是如同错误2一样使用initialValue: 2来进行设置，还是如同错误3一样使用:value="2"这样设置了值却无法注册typeId，都会设置无效或者报错等等，...
2019-09-18 09:52:30
25169
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人