- 博客(22)
- 收藏
- 关注
RSS订阅原创 移动端手写日历（以uniapp为例）、展开收起可切换月份或周、可复制直接用（箭头需自己找图片）。
【代码】移动端手写日历（以uniapp为例）、展开收起可切换月份或周、可复制直接用（箭头需自己找图片）。
2024-03-19 10:15:46
672
1
原创 vue移动端适配postcss-pxtorem
2、根目录下创建postcss.config.js文件，复制以下代码。3、src下新建utils文件，里面创建rem.js复制以下代码。4、在main.js中引用。
2023-04-11 13:23:30
306
1
原创 vuex存取数据，实现sessionStorage存取
1、在libs文件下先建一个tools.js（可直接复制）//判断是否为空export function validatenull(val) { if (typeof val == 'boolean') { return false; } if (typeof val == 'number') { return false; } if (val instanceof Array) { if (val.length
2022-04-19 13:33:15
1767
原创 ant design vue实现表格分页（清晰、可直接拿走用）
<template> <div> <a-table ref="table" size="middle" :columns="columns" :dataSource="dataSource" :pagination="pagination" :loading="loading" @cha.
2022-04-13 16:13:39
8849
原创 前端压缩base64格式图片
封装成js文件，随时都可以调用var dealImage = (base64, w, callback) => { var newImage = new Image(); var quality = 0.6; //压缩系数0-1之间 newImage.src = base64; newImage.setAttribute("crossOrigin", 'Anonymous'); //url为外域时需要 var
2022-04-08 14:39:07
1753
原创 uniapp产品特征（优点）
1、跨平台更多真正做到“一套代码、多端发行”！条件编译：优雅的在一个项目里调用不同平台的特色功能！2、运行体验更好组件、api与微信小程序一致兼容weex原生渲染3、通用技术栈，学习成本更低vue的语法、微信小程序的api内嵌mpvue4、开放生态，组件更丰富支持通过npm安装第三方包支持微信小程序自定义组件及SDK兼...
2022-04-02 14:35:12
2397
1
原创 Ant Design中树状表格，点击加号触发事件
在表格中有一个expand事件<a-table @expand="expand" :columns="columns" :data-source="data" :pagination="false" :scroll="{ y: 250 }" class="components-table-demo-nested"> <a-table slot="expandedRowRender" slot-scope="text" :colu
2022-03-31 09:40:59
1142
原创 vue中微信如何隐藏右上角分享菜单
mounted(){ setTimeout(() => { function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.
2022-03-24 17:04:53
479
原创 antd vue的table换页或者搜索后（改变table数据源），选中的数据中无法记住前一页已勾选的数据
最近在开发中发现antd vue的table组件换页或搜索以后选中的数据无法记住前一页已勾选的数据只能记住selectedRowKeys, 但是换页以后selectionRows只有当前页的数据, 现在我需要也有之前勾选的rows数据(即整条数据信息)<a-table :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange, onSelect: onSelect}">
2022-03-17 14:33:16
2119
原创 如何不给div设置宽高，让它变成一个正方形，并且随着父元素变化。
直接给div设置: padding-bottom: 100%;<div style="width: 100px;height: 100px;border: 1px solid black;margin: 100px auto;"> <div style="padding-bottom: 100%;background: red;"></div></div><div style="width: 200px;height: 20
2022-03-10 11:43:34
484
原创 前端传file文件给后端
许多前端小伙伴在传file给后端的时候经常会遇到一个问题：缺少请求头Content-Type:multipart/form-data的错误提示。解决它其实很简单，下面大家直接看代码：let data = new FormData();data.append('参数名','你要传的file文件'); //如果还有其他参数复制就行了data.append('参数名','参数'); axios.post('接口地址',data).then(res => { if(res.data.co
2022-03-10 09:02:48
8805
原创 base64转file文件（两种方法）
复制走，直接用！！！function base64toFile (dataurl, filename) { let arr = dataurl.split(',') let mime = arr[0].match(/:(.*?);/)[1] let suffix = mime.split('/')[1] let bstr = atob(arr[1]) let n = bstr.length let u8arr = new Uint8Array(n)...
2022-03-09 16:57:29
5815
原创 前端 js中图片地址转base64（简单好用）
直接复制走，把想转的图片地址放进去就行！function getBase64(imgUrl) { window.URL = window.URL || window.webkitURL; var xhr = new XMLHttpRequest(); xhr.open("get", imgUrl, true); xhr.responseType = "blob"; xhr.onload = function(){ if(this.status .
2022-03-09 14:39:17
5548
4
原创 前端在Vue中使用vant(element同理)上传文件到阿里云并获取地址
1.首先安装ali-ossnpm install ali-oss --save 或者 cnpm install ali-oss --save 2.在script中引入import OSS from 'ali-oss';3.直接上代码，只需要按照注释改成自己的东西，就可以直接用<template> <div> //vant中上传文件 <van-uploader :before-read
2022-03-09 09:37:26
2280
原创 微信、支付宝调用刷脸（解决ios调用失败的坑）
许多小伙伴们再调用微信刷脸功能的时候会遇到一些“坑”，下面我就给大家讲解一下。1.首先我们需要下载微信的sdknpm install weixin-js-sdk --save2.引入微信sdkimport wx from 'weixin-js-sdk';3.因为涉及到微信和支付宝兼容 //取得浏览器的userAgent字符串let userAgent = window.navigator.userAgent.toLowerCase();if(userAgent.index
2022-03-08 15:41:58
4514
原创 Vue内置组件之keep-alive详情解析、用法及遇到的“坑”
概念 keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。作用 在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。主要用在缓存表单，一些商城商品的加载......Propsinclude - 字符串或正则表达式。只有名称匹配的组件会被缓存。 exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 max - 数字。最多可以缓存多少组件实例。缓存所..
2022-03-08 11:08:26
1716
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人